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

首先创建一个txt文件，修改后缀名：把.txt改为.html，用记事本打开添加如下代码：打开浏览器，这是一个没有添加样式的button，外观不美观，而且在不同的浏览器下显示的外观是不一样的，所以我们要添加统一的样式。

创新互联坚持“要么做到，要么别承诺”的工作理念，服务领域包括：成都网站设计、网站建设、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的栾川网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！

可以用css3中新增的选择器“[attribute=value]”来同时选中指定的属性的标签。

第一步，使用sublime text2创建一个用于测试的新HTML页面，见下图，转到下面的步骤。第二步，完成上述步骤后，在网页上添加标签和输入框，见下图，转到下面的步骤。

比如 input[type=text]{}就是所有文本框类型为text的都应用该样式。可以直接给某个input添加class，然后给指定的class进行样式渲染，比如input type=button class=inp-btn/那么就给 .inp-btn{}添加样式即可。

使用css样式直接可以改变input的样式的，input属于行内替换元素height/width/padding/margin均可用，效果等于块元素。

如何用css改变input显示的样式

使用css样式直接可以改变input的样式的，input属于行内替换元素height/width/padding/margin均可用，效果等于块元素。

第一步，使用sublime text2创建一个用于测试的新HTML页面，见下图，转到下面的步骤。第二步，完成上述步骤后，在网页上添加标签和输入框，见下图，转到下面的步骤。

可以用css3中新增的选择器“[attribute=value]”来同时选中指定的属性的标签。

可以用选择器来做，但css不能直接区分radio和checkbox，这个需要有父选择器来控制。

试试这样的呢？给这个输入框加一个class，名字定义为input01，给input01写一个样式。

这个可以另外插入一个文本框和浏览按钮，把文件输入框隐藏，然后用自行插入的文本框和按钮模拟文件输入框的功能。只是需要加入一些js事件来同步。

input标签写CSS时需要注意的几点

第一步，使用sublime text2创建一个用于测试的新HTML页面，见下图，转到下面的步骤。第二步，完成上述步骤后，在网页上添加标签和输入框，见下图，转到下面的步骤。

CLASS的命名最好命名用大小写合用。例 .newMovie 这样的写法与第一条结合起来使用明确关系最合适。要需要注意的是IE以外的浏览器对于大小写是很敏感的。还有就是一定要以字母开头。

点击后出现的外边框其实是outline，设为为none即可。至于文本位置，可以通过padding来调整位置，如加padding-bottom将文字推上去。

input：-ms-input-placeholder{ color：#999； } 注意-ms- 前面是一个 “：”。 1移动端点击某一行 ：active 时添加背景色，比如 li：active{ background：#eee； } 时，要给 body标签上写ontouchstart，否则没有效果。

网站标题：input按键css样式 input按钮颜色
转载来于：http://azwzsj.com/article/disphji.html