文章关键字 ‘radio’

时代变了,该使用原生popover属性模拟下拉了

2024年01月11日,星期四

封面图

Firefox也正式支持popover属性了,大人,时代变了,所有的下拉效果要换种实现方式啦。

阅读全文…

CSS accent-color属性简介

2022年03月6日,星期日

封面图 accent-color

CSS accent-color 属性可以在不改变浏览器默认表单组件基本样式的前提下重置组件的颜色,还是有一定的使用价值的。

阅读全文…

CSS :default伪类选择器简介

2018年03月15日,星期四

CSS3 :default伪类选择器作用设计的作用是让用户在选择一组数据的时候,依然知道默认选项是什么,否则其他选项一多,选着选着就不知道默认提供的是哪个了,算是一种体验增强策略。作用不是很强烈,但是关键时刻却很有用。

阅读全文…

CSS radio/checkbox单复选框元素显隐技术

2012年01月6日,星期五

我们使用CSS一些特殊的选择器,然后配合单选框以及复选框自带的一些特性,可以实现元素的显示隐藏效果。然后通过一些简单的扩展,我们可以不使用任何JavaScript代码实现类似:自定义的单复选框,“更多”展开与收起效果,选项卡切换效果,或是多级下拉列表效果等等。
本文将通过列举几个简单示例对这一技术做简单介绍。同样的,有demo,有截图,有源代码展示,总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

复选框单选框与文字对齐问题的研究与解决

2009年08月27日,星期四

目前中文网站上面的文字,就我的个人感觉而言,绝大多数网站的主流文字大小为12px,因为在目前高分辨率显示器屏幕下,11px的汉字,其像素点开始不规整,文字不如12px来的显示良好。12px大小的文字就是主流也是底线。然而12px的文字与单选框和复选框是不对齐的。这12px大小文字与单选框和复选框对齐的问题不是好解决的。考虑到兼容性,控件本身的特殊性以及代码成本的控制等,使得这个问题不是简单就能解决的。
这不是我第一次研究单选框复选框对齐的问题了,因为平时对这个问题注意的比较多,也经常做些测试,对这个问题还是有一定的了解,也总结了不少自己的解决方法。今天我就写下来,供交流与参考。
尤其是第三和第五个方法,我是比较推荐使用的,其他方法也是很不错的,对于理解css,拓宽思路还是有些帮助的。

阅读全文…