有没有一种写法,可以分别定义全站input分别对应type="text",type="submit",type="chekbox"....等等的样式呢?

本文探讨了如何在CSS中统一定义不同类型的input元素样式,特别是针对checkbox和radio按钮的宽度设置问题,提供了一种使用expression表达式的解决方案。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

通常定义CSS时,书写input 规定宽度,可以使收集数据的页面显得非常整齐.
但如果表单内包含checkbox时,就需要为它单独定义一个样式,把class="name"与checkbox捆绑,非常麻烦.

有没有一种写法,可以分别定义全站input分别对应type="text",type="submit",type="chekbox"....等等的样式呢?
我看苏沈小雨的样式手册有"INPUT type=buttonINPUT type=fileINPUT type=passwordINPUT type=resetINPUT type=submitINPUT type=text"的应用单,但具体怎么用似乎没说.

 

 

 

input {
width:expression(this.type=="checkbox"?"20px":"style");
width:expression(this.type=="radio"?"20px":"style");

width:expression(this.type=="text"?"20px":"style");
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值