【CSS 菜鸟问题】在css文件中如何分别控制Text、Submit等input样式

[fanz2000]

如果这么写
INPUT
{
font-family: Verdana, Arial,宋体;
font-size: 10pt;
BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BACKGROUND: #ffffff; BORDER-LEFT: 1px solid; COLOR: #022668; BORDER-BOTTOM: 1px solid
}
就把<input type="">的一股脑儿一起控制了
请问有什么解决方法！

[fanz2000]

就是要分别控制<input type="Text">和<input type="Submit">

[abcwzl]

那只能，分开写ＣＳＳ了，
<input type=text class="textcss">

[nchen123]

分开定义三个类：

<style>
input.text
{
...
}
input.submit
{
...
}
...
</style>

<input type="text" name="test" class="text">
<input type="submit" name="test2" class="submit">

[jzywh]

<input type="text" name="test" class="text">
<input type="submit" name="test2" class="submit">

<style type="text/css">
.text
{

}

.submit
{


}
</style>

[MeE]

input{
behavior:url("../css/hr.htc");
}
.inputTxt
{
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #006699;
height: 22px;
width: 180px;
border: 1px solid #a7a8ac;
}
.inputImage {
height: 24px;
width: 80px;
}
.inputRadio
{
height: 16px;
width: 16px;
}
.inputCheckbox
{
height: 16px;
width: 16px;
}

hr.htc:
<PUBLIC:COMPONENT URN="urn:msdn-microsoft-com:workshop" >
<script>
switch(element.type)
{
case "text":
this.className="inputTxt";
break;
case "checkbox":
this.className="inputCheckbox";
break;
case "image":
this.className="inputImage";
case "radio":
this.className="inputRadio";
break;
}
</script>
</PUBLIC:COMPONENT>

[dsclub]

按class分开

[wsyab]

INPUT[type=text] {border: 1px solid #FF0000;}


书上说的这样,不过不好用

===================================
1. E [ attr ] { sRules }
2. E [ attr = value ] { sRules }
3. E [ attr ~= value ] { sRules }
4. E [ attr |= value ] { sRules }
说明：
属性选择符。
选择具有 attr 属性的 E
选择具有 attr 属性且属性值等于 value 的 E
选择具有 attr 属性且属性值为一用空格分隔的字词列表，其中一个等于 value 的 E 。这里的 value 不能包含空格
选择具有 attr 属性且属性值为一用连字符分隔的字词列表，由 value 开始的 E
示例：
h[title] { color: blue; }
/* 所有具有title属性的h对象 */

span[class=demo] { color: red; }

div[speed="fast"][dorun="no"] { color: red; }

a[rel~="copyright"] { color:black; }