CSS属性随记

403 阅读1分钟

1. -webkit-tap-highlight-color[点击高光]

  • -webkit-tap-highlight-color:rgba(0,0,0,0)
  • 在苹果移动端上,触发可点击元素是,屏幕会高亮闪动一下,将-webkit-tap-highlight-color属性的透明度调整为0,则会禁用高亮颜色。

2.outline[轮廓]

  • {outline:#00FF00 dotted thick;}
  • 复合属性,为元素设置轮廓属性
  • {outline-color:#00ff00;}
  • 轮廓颜色
  • 属性值:颜色名/rgb颜色/十六进制颜色/透明
  • { outline-style:dotted;}
  • 轮廓样式
  • 属性值:thin--细轮廓/ medium--[默认]中等轮廓/ thick--粗轮廓/ length--通过数值规定轮廓粗细/ inherit--继承
  • { outline-width:5px;}
  • 轮廓宽度
  • 属性值:none--[默认]无轮廓/dotted--点状轮廓/dashed--虚线轮廓/solid--实线轮廓/double--双线轮廓/groove--3D凹槽轮廓/ridge--3D 凸槽轮廓/inset--3D 凹边轮廓/outset--3D 凸边轮廓/inherit--继承

3.appearance[模拟按钮]

div{appearance:button;
-moz-appearance:button; /* Firefox */
-webkit-appearance:button; /* Safari 和 Chrome */}
  • 使div看上去像是一个按钮,所有浏览器都不支持,但火狐、谷歌、苹果可使用替代属性
  • 属性值:normal--[默认]常规元素/icon--小图标/window--视口/button--按钮/menu--可选选项/field--输入字段/