checkbox 用css改变默认的样式

<label class="bl_input_checkbox click_checkbox" che_data="10"><input type="checkbox" name="" value=""><i></i><span>有作品</span></label> //css .bl_i…

利用css的label的伪类(::before)代替checkbox和radio效果: 优点:需要图片来调整选中前和选中后的样式,纯css搞定缺点:兼容性,IE8以下不支持在线例子: css改变默认的radio和checkbox的样式 input[type="radio"], input[type='checkbox'] { display: none; } input[type='radio']+label::before, input[type='checkbox']+labe…

详解CSS设置默认字体样式

浏览器默认的样式往往在不同的浏览器.不同的语言版本甚至不同的系统版本都有不同的设置,这就导致如果直接利用默认样式的页面在各个浏览器下显示非常不一致,于是就有了类似YUI的reset之类用来尽量重写浏览器的默认设置保证各个浏览器样式一致性的做法. 拿字体来说,各个浏览器默认的字体种类.字体大小和字体行高都不一样,比如IE8的中文版在Windows XP下显示网页时默认字体是宋体,而英文版肯定不会如此.所以我们需要统一设置默认的字体样式,以便实现一致的显示效果来保证设计的一致性和提高开发效率. 样…

用css改变默认的checkbox样式

自己常用的改变checkbox样式的两个方法: 一.利用background用图片代替checkbox效果缺点:你首先得有一张好看的图片优点:浏览器兼容性好 <!doctype html> <html> <head> <meta charset="utf-8"> <title>chec</title> <style> #wrapper {margin: 20px auto;} #wrapper .i…

css控制默认滚动条样式

针对webkit内核的浏览器,使用伪类来改变滚动条的默认样式,详情如下: 滚动条组成部分 1. ::-webkit-scrollbar 滚动条整体部分 2. ::-webkit-scrollbar-thumb 滚动条里面的小方块,能向上向下移动(或向左向右移动) 3. ::-webkit-scrollbar-track 滚动条的轨道(里面装有Thumb) 4. ::-webkit-scrollbar-button 滚动条的轨道的两端按钮,由于通过点击微调小方块的位置. 5. ::-webkit-…

FineReport——JS二次开发（CSS改变控件样式）

FR提供一些选择器,可以改变部分控件的样式,那么对于如何书写自己的css: 可以自己写css文件导入,也可以在页面加载结束事件中添加JS方法来改变css样式. 以文本框为例: 书写css文件,保存至%FR_HOME%/下面(必须存放在WebReport这个目录下,,其他地方不能读取): .fr-texteditor{ border:3px solid blue; color:red; font-weight:bold;} 然后在模板web属性中添加css文件.. 在加载结束事件中添加js,以在填…