注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

谈笑涧

已开通独立前端博客,请访问 http://www.candoudou.com

 
 
 

日志

 
 

Chrome Css Hack 笔记  

2012-04-20 09:46:38|  分类: html5+css3 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

Chrome浏览器最小中文字体的设置

似乎谷歌浏览器会限制中文字体的大小,最小值为12px。下面的代码可以解决这一问题。

.small-text {   font-size: 8px   -webkit-text-size-adjust:none; } 

HTML5表单元素placeholder属性的文本的样式设置

HTML5为表单的inputtextarea元素提供了placeholder属性,有时候我们需要设置占位文本的样式,目前似乎需要一些兼容技巧。

::-webkit-input-placeholder,    input:-moz-placeholder {    color: #c4c0c0;  } 

去除Chrome浏览器inputtextarea等元素的蓝色边框

input, textarea {   outline: none; } 

webkit内核浏览器<input type="search">元素样式

webkit内核的浏览器为type="search"的input元素提供了特殊的样式,通过下面的css代码可以变回原本的input元素的样式。

input[type="search"] {   -webkit-appearance: textfield; } 

更多-webkit-appearance的可选属性详见WebKit-Specific Style: -webkit-appearance


本文转自:http://www.clovery.org/google-chrome-compatible-note.html

  评论这张
 
阅读(373)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017