无法在Firefox中单击输入

I have a form here and for some reason in Firefox I cannot click inside the inputs - works fine in any other browser. Does anyone have any idea what the issue is?

我在这里有一个表单,由于某些原因在Firefox中我无法点击输入 - 在任何其他浏览器中都可以正常工作。有谁知道问题是什么?

Thanks

<form method="post" id="adduser" class="user-forms" action="http://<?php echo $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI']; ?>">



                <p class="form-username">
                    <label for="user_name"><?php _e('Username (required)', 'frontendprofile'); ?></label>
                    <input class="text-input" name="user_name" type="text" id="user_name" value="<?php if ( $error ) echo esc_html( $_POST['user_name'], 1 ); ?>" />
                </p><!-- .form-username -->

 <p class="last_name">
                    <label for="first_name"><?php _e('First Name', 'frontendprofile'); ?></label>
                    <input class="text-input" name="first_name" type="text" id="first_name" value="<?php if ( $error ) echo esc_html( $_POST['first_name'], 1 ); ?>" />
                </p><!-- .last_name -->
                <p class="last_name">
                    <label for="last_name"><?php _e('Last Name', 'frontendprofile'); ?></label>
                    <input class="text-input" name="last_name" type="text" id="last_name" value="<?php if ( $error ) echo esc_html( $_POST['last_name'], 1 ); ?>" />
                </p><!-- .last_name -->



                <p class="form-email">
                    <label for="email"><?php _e('E-mail (required)', 'frontendprofile'); ?></label>
                    <input class="text-input" name="email" type="text" id="email" value="<?php if ( $error ) echo esc_html( $_POST['email'], 1 ); ?>" />
                </p><!-- .form-email -->



            </form>

2 个解决方案

#1

Your padding rule here is causing the problem (line 69):

你的填充规则导致问题(第69行):

.style-profile textarea, .style-profile input[type="text"] {
    padding: 17px !important;
}

Because the input has a fixed height, that rule is really closing out the clickable area, confusing Firefox.

因为输入具有固定的高度,该规则实际上是关闭可点击区域,使Firefox混乱。

#2

On line 7 you should remove the entire line, it reads:

在第7行,您应该删除整行,它显示为:

<center><a href="http://style-card.co.uk/id" border="0"><img src="http://style-card.co.uk/id/wp-content/uploads/2013/03/sclogo.jpg" border="0"></center>

You should move the opening form tag from line 142 to line 153 this should fix your issues

您应该将开头表单标记从第142行移动到第153行,这应该可以解决您的问题

#1