css移动端input框禁用样式修改

html-css06

css移动端input框禁用样式修改,第1张

css input样式修改的方法:1、利用伪类元素改变radio样式;2、利用label指向input,然后通过改变label样式来达到效果即可。

本文操作环境:Windows7系统、Dell G3电脑、HTML5&&CSS3版。

css改变input框样式

目前博主只知道两种方法,如果有同学有别的方法欢迎进行讨论

一:利用伪类元素改变radio样式 (此方法无需添加额外的标签,更便捷)

使用Firefox浏览器,然后安装Web Developer插件。

之后在Web Developer工具栏中你能找到这个:

无CSS错误->禁用样式->所有样式(Ctrl+Shift+S)

点击这个。

呼~~~所有CSS效果都没了……

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<style>标签中,输入css代码:

button {border:0width: 200pxheight: 80pxbackground-color: gainsborocursor: not-allowed}

3、浏览器运行index.html页面,此时通过css实现了按钮的禁用样式。