css input样式怎么修改-木庄网络博客

2022-03-18 06:43:13 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者藏色散人，侵删。

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

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

css改变input框样式

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

一：利用伪类元素改变radio样式（此方法无需添加额外的标签，更便捷）

.div input[type=radio]::after {
　　　position: absolute;
　　　width: 25px;
　　　height: 25px;
　　　background: url(../img/inputBG.jpg) no-repeat;
　　　background-size: 100% 100%;
　}

相关阅读 >>

更多相关阅读请进入《css》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » css input样式怎么修改

css input样式怎么修改

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论