Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在表单的不同元素中提供css属性?_Css - Fatal编程技术网

如何在表单的不同元素中提供css属性?

如何在表单的不同元素中提供css属性?,css,Css,我的html页面中有两个表单。这两个表单都包含输入类型=文本属性 如何为两种输入类型的文本提供不同的css 如果我采用这一点: input[type=text] { //style } 它将更改表单的两个元素的样式。您可以为每个输入指定自己的Id或类选择器,并分别设置Id的样式 <input id='input1'> </input> <input id='input2'> </input> <style> #input1

我的html页面中有两个表单。这两个表单都包含输入类型=文本属性

如何为两种输入类型的文本提供不同的css

如果我采用这一点:

input[type=text] {
   //style
}

它将更改表单的两个元素的样式。

您可以为每个输入指定自己的Id或类选择器,并分别设置Id的样式

<input id='input1'> </input>
<input id='input2'> </input>

<style> 
#input1 {
-- insert styles here for input 1
}

#input2 {
-- insert styles here for input 2
}
</style>
您还可以通过创建一个快速且脏的内联样式来实现所需的结果

<input style="style1:theStyle;"> </input>
<input style="style2:theStyle;"> </input>

将来,请共享一段代码片段并进行更详细的描述。

对于这一点,我认为您在这个输入[type=text]标记周围有任何容器。因此,您可以使用此容器作为引用,并指向这两个输入标记

.form容器输入[类型=文本]:n-child1{ 边界:2×000; } .form容器输入[类型=文本]:n-child2{ 边界:2×000; }