Question

怎么让input里的text和button使用不同的css样式

Answer 1

可以用js也可以用css来控制：
比如：用js来控制：：
<script language=javascript>
switch(type)
{
case 'text':
style.backgroundColor="red";
break;

case 'password':
style.backgroundImage="url(BG.gif)";
break;

case 'submit':
style.backgroundColor="blue";
style.color="white";
break;

case 'reset':
style.backgroundColor="navy";
style.color="white";
break;

case 'radio':
style.backgroundColor="hotpink";
break;

case 'checkbox':
style.backgroundColor="green";
break;

case 'button':
style.backgroundColor="lightblue";
break;

default: ;//others use default style.
}
</script>

Answer 2

可以在同一个css样式里设置文本和button样式把，两个冲突吗

Answer 3

加个class类不就好了

Answer 4

input[type=text] {...}
input[type=button] {...}

Answer 5

Vue实践-CSS样式position/display/float属性对比使用