这问题可能比较菜吧,做的时候发现webkit对input焦点时的光标很长,看了下,需要把line-height修改小一些就可以避免光标过长了[……]
标签归档: CSS
CSS-圆形图片处理
既然是实现圆形图片,原始图片肯定不是圆形的喽,一般来说是正方形的,如何用CSS实现突破圆形呢?经过查找,找到了方法如下: 原始图片: 圆形图片的代码:
<div style="width:120px; height:120px; border-r[......]
CSS-边框阴影属性-box-shadow
解决Safari中input等输入框聚焦时系统自动添加蓝色框的功能的时候,原以为是box-shadow引起的问题,后来发现是outline属性导致的,时候也记录一下box-shadow。基础不够扎实啊~
浏览器支持
IE9+、Firefox 4、Chrome、Ope[……]
Safari浏览器input/textarea控件focus时蓝色阴影如何去除
做前端的时候发现,自己的文本框在Safari浏览器上focus的时候,不会执行默认的focus的颜色,而是自动绘制上了蓝色发光的阴影。这个测试半天,最后对比其他网站的css,发现原来是自己学艺不精,少写了一个css属性导致的问题。
具体去除办法如下:
在对应的inp[……]
JavaScript-修改CSS标签对应表
盒子标签和属性对照 | |
---|---|
CSS语法(不区分大小写) | JavaScript语法(区分大小写) |
border | border |
border-bottom | borderBottom |