css输入样式的修改方法

这篇文章主要介绍css输入样式的修改方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

css输入样式修改的方法:1,利用伪类元素改变无线电样式;2,利用标签指向输入,然后通过改变标签样式来达到效果即可。

本文操作环境:Windows7多系统,戴尔G3电脑,HTML5&和CSS3版。

css改变输入框样式

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

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

.div 输入(type=无线电)::after  { 　　位置:绝对的; 　　宽度:25 px; 　　高度:25 px; 　　背景:url (. ./img/inputBG.jpg),不再重演; 　　background-size: 100%, 100%; 　　}

二:利用标签指向输入,通过改变标签样式来达到效果

& lt; html> 　　& lt; input 类型=癱heckbox",检查=癱hecked", id=癮a"/祝辞& lt; label 为=癮a"祝辞& lt;/label> 　　& lt;/html> 　　& lt; style> 　　输入(type=复选框){ 　　,可见性:隐藏; 　　} 　　标签{ 　　宽度:20 px; 　　高度:20 px; 　　边界:1 px  solid  # 707070; 　　} 　　输入(type=复选框):checked  +,标签{ 　　背景:url (. ./img/duigou.jpg)不再重演; 　　background-size: 100%, 100%; 　　} 　　& lt;/style>

以上是“css输入样式的修改方法”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!

css输入样式的修改方法