php - 这个 CSS 样式会影响我的 PHP 代码吗？

Question

在我的登录表单中使用以下 CSS 样式后，我的 POST 变量在提交表单时注册为 NULL 变量。为什么？

这是 CSS:

#wrapper #Box input[type=text], textarea, input[type=password] {
border: 1px solid #929292;
color: #929292;
padding: 10px;
vertical-align: text-top;
width: 200px;
-webkit-box-shadow: #e3e3e3 0.1em 0.1em 0.2em;
box-shadow: #e3e3e3 0.1em 0.1em 0.2em;
-moz-box-shadow: #e3e3e3 0.1em 0.1em 0.2em;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-border-radius: 5px;
-khtml-border-radius: 5px;
background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));  
background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px); 
bottom: 0;
left: 10px;
}

#wrapper #hottestBox button, input[type=submit] {
border: 1px solid #929292;
color: #505050;
-webkit-box-shadow: #e3e3e3 0.1em 0.1em 0.2em;
box-shadow: #e3e3e3 0.1em 0.1em 0.2em;
-moz-box-shadow: #e3e3e3 0.1em 0.1em 0.2em;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-border-radius: 5px;
-khtml-border-radius: 5px;
background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));  
background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px); 
padding: 10px;
}

对于这个 HTML

<div id ='wrapper'>
<div id ='Box'>
        <form action="login.php" method="post">
        Username:
        <input name="username:" type="text"/><br/>
        Password:
        <input name="password:" type="password" /><br/>
        <input name="submit" type="submit" value="Sign In" />
        </form>
    </div>

</div>

Answer 1

为什么你的名字属性最后有一个:？这可能是你问题的一部分。这绝对不是 CSS 相关的