罕见的css样式

。

在移动设备上如手机和平板横屏会导致字体变大，-webkit-text-size-adjust: 100%可以禁止字体变化。

-webkit-text-size-adjust: 100%;

简单改变谷歌内核浏览器滚动条：

::-webkit-scrollbar {
  width: 4px;
}
::-webkit-scrollbar-track {
  background: #eee;
}
::-webkit-scrollbar-thumb {
  background: #ccc;
}

改变outline的偏移量

outline:2px solid red;
outline-offset:15px;//在边框15像素外有轮廓

unicode-bidi和direction属性决定了HTML或XML文字渲染方向,两个属性结合使用可以改变文字书写顺序。

    direction:rtl;//ltr
    unicode-bidi:bidi-override;//???

控制用户能否选中文本

user-select:none;

将图片或背景置灰：

-webkit-filter: grayscale(1); /* Webkit */
filter: gray; /* IE6-9 */
filter: grayscale(1); /* W3C */

。