1

我似乎无法弄清楚这一点。我需要另一双眼睛。

我正在尝试设置密码输入框的样式，使其看起来/反应与我的文本输入框相同。

这是HTML：

<fieldset class="contact">
    <label for="full_name">Purchasing Account ID:</label>
    <input type="text" id="acc_id" name="acc_id" size="13" />
    <label for="email_address">Email Address:</label>
    <input type="text" id="email_address" name="email_address" size="13" />
    <label for="password">Password:</label>
    <input type="password" id="pw" name="pw" size="13" />
</fieldset>

这是CSS：

form input[type=text], form input[type=password] {
    width: 306px;
    background: #f3f3f3;
    border-top: 1px solid #dedede;
    border-left: 1px solid #dedede;
    border-right: 0;
    border-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 10px 10px;
    font-size: 12px;
    color: #373737;
    -moz-box-shadow:inset 3px 3px 5px #e9e9e9;
    -webkit-box-shadow:inset 3px 3px 5px #e9e9e9;
    box-shadow:inset 3px 3px 5px #e9e9e9;
}
form input[type=text]:focus, form input[type=password]:focus, form textarea:focus {
    border: 3px solid #c70000;
}

关于为什么密码输入字段根本没有得到 CSS 的任何想法？我用谷歌浏览器检查了它，CSS 根本没有应用于密码输入字段，而 Firebug 显示了同样的东西。

4

3 回答 3

1

如果您尝试这种方法会怎样？将 CSS 类添加到您的输入中，然后通过这些类应用样式。

http://jsfiddle.net/zr6yB/

<fieldset class="contact">
    <label for="full_name">Purchasing Account ID:</label>
    <input type="text" id="acc_id" name="acc_id" size="13" class="input-generic" />
    <label for="email_address">Email Address:</label>
    <input type="text" id="email_address" name="email_address" size="13" class="input-generic" />
    <label for="password">Password:</label>
    <input type="password" id="pw" name="pw" size="13" class="input-generic" />
</fieldset>​

CSS（缩写）

.input-generic {
    width: 306px;
    ...etc...
}
于 2012-05-26T04:29:48.747 回答
1

尝试这个：

.Div_Class_Name input[type=text], .Div_Class_Name input[type=password] {
    background:#e5e2b6;
    border:2px solid #741a01;
}
于 2013-07-25T06:34:24.893 回答
0

弄清楚了。CSS 包含的引用仍然引用我的实时副本，而不是我的开发副本。

于 2012-05-26T05:32:13.913 回答