Question

在我的登录页面中，我有3个输入类型=文本元素。现在我想将样式应用于一个特定元素。就像我只想为以下元素应用样式...

<input type="text" value="enter username or email or mobile number" id="username" name="username" />

当我使用css时

input[type=text]

然后这种风格适用于所有三个元素。我不想要那个。我想只在一个特定的元素上应用风格。如何实现这个......

Answer 1

您可以使用标签ID获得更高的精确度......

input#username[type=text]

...显然也意味着你可以放弃类型过滤器......

input#username

...因为只有一个带有该id的元素。

除此之外，您还可以使用其他属性进行过滤，例如名称：

input[type=text][name="username"]

Answer 2

您可以使用选择器属性例如，您可以像这样尝试id选择器

<input type="text" value="enter username or email or mobile number" id="username" name="username" />

    <style>
        #username{
            color:red;
            font-size:20px;
        }
    </style>

并且您的其他控件不会生效。

Answer 3

最简单快捷的方法就是：

<input style="color:red" type="text" value="enter username or email or mobile number" id="username" name="username" />

如何将样式添加到特定输入类型=文本

3 个答案: