对网站而言，弹出框是比较常见的。或是给出用户操作提示，或是通过弹出框打开一个小窗口以提示信息，或是给出错误警示等等。 但是由于浏览器自带的弹出窗口alert , confirm , prompt样式比较单调，且不同浏览器有不同的默认样式设置。 所以在日常工作中，给网站做一个自定义的弹出框十分必要。特 ...
分类：
其他好文 时间：
2017-05-19 20:17:37
阅读次数：
219
之前做项目的时候，也遇到过需要按照设计稿把<input type="checkbox">和<input type="radio">的默认样式进行修改，但发现，并没有可以重置效果的方法，之前用过-webkit-appearance的方法，但是这个只在webkit内核的浏览器里面生效，火狐不生效。 所以 ...
分类：
Web程序 时间：
2017-05-19 12:56:14
阅读次数：
243
在项目中，用到select标签，需要对select标签自定义样式。 在chrome浏览器中会对select有一个默认的border-radius，并且无法去掉。 可以通过下面的方法来解决： 1、需要通过下面的css才能修改select的border-radius 但是这个方法会让select自带的三 ...
分类：
其他好文 时间：
2017-05-17 14:08:54
阅读次数：
341
1.<q>标签，短文本引用 <q>引用文本</q> <q>标签的真正关键点不是它的默认样式双引号（如果这样我们不如自己在键盘上输入双引号就行了），而是它的语义：引用别人的话。 2.使用<span>标签为文字设置单独样式 <span>标签是没有语义的，它的作用就是为了设置单独的样式用的。 语法：<sp ...
分类：
Web程序 时间：
2017-05-13 20:06:30
阅读次数：
263
最近在重构时遇到了select样式问题，并且需要在不影响语义化的情况下，兼容IE8。 经过一番的百度后始终没有找到合适的纯CSS解决方案，最后换了一下思路，大胆使用了属性hack； 在chrome和FF下隐藏默认样式，显示css自定义样式，在ie下隐藏自定义样式，显示默认样式。 DOM代码如下： C ...
分类：
Web程序 时间：
2017-05-12 00:21:07
阅读次数：
222
ul在{list-style:none;}后会缩进显示li的内容，如下图显示： 要想实现li和左边对齐，则需要对ul设置样式{margin:0;padding:0;}即可： ...
分类：
其他好文 时间：
2017-05-10 16:33:08
阅读次数：
111
icheck默认样式比较大，有需求调整checkbox大小。 1. 最简单的方法可用css3来实现，让整个模块层缩放，不兼容低版本浏览器。 transform:scale(0.7,0.7) 2. 为了更好的兼容，最好的解决方案： 修改icheck本身默认样式的 width / height 来实现， ...
分类：
其他好文 时间：
2017-05-09 11:14:30
阅读次数：
132
项目需求：让option选项并排显示，同时隐去select那丑陋的默认选择小三角 总结：网上纯css改默认样式的方法看了一些，基本都是一个套路，而且相互抄袭，这倒没什么，关键是试了一下，不起作用。还有一个套路就是重新布局模拟select，因为项目是二次开发，为避免修改前后台表单验证，没有采用这个方案 ...
分类：
Web程序 时间：
2017-05-07 16:46:02
阅读次数：
200
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=n ...
分类：
其他好文 时间：
2017-04-28 18:43:36
阅读次数：
192
在之前的文章中，我们介绍过在axure中自定义文本框样式的方法，今天我们再深入一些，当文本框的焦点发生变化时，动态切换焦点文本框的样式。先看效果：制作步骤：先把文本框的默认样式做出来：拖入两个文本框，分别命名为用户名、密码，隐藏边框，设置好提示文字；、拖入两个矩..
分类：
其他好文 时间：
2017-04-28 15:50:56
阅读次数：
273
