使输入元素样式与类相同

Question

我知道我的头衔有点奇怪。我正在尝试将特定类添加到输入而不直接向其添加类名。例如：

我希望.add CSS与input[type="text"]相同。这是我的代码：

<style> input[type="file"] .add{background-color: #f7f7f7;} </style>

<input type="text"/>

我希望.add类自动应用于它;我该怎么做？

Answer 1

HTML：

<input type="file">

您可以尝试以下css：

input[type="file"] {
  background-color: yellow;
}

Answer 2

您必须在CSS中创建一个类

.add{
   background:orange;
   // your css goes here
 }

在您的HTML中，您必须添加类

<input type="text" class="add">

确保您的CSS文件已关联。

Answer 3

所以你想在输入框中添加一个类，但不是直接添加。

然后使用JQuery

 $(function() {
  $('input').addClass('add');
});

这是我制作的jsfiddle example ..