CSS中的“outline:thin dotted \9”是啥意思？ [复制]

Posted 2023-03-06

【中文标题】CSS中的“outline:thin dotted \\9”是啥意思？ [复制]

【英文标题】：What does "outline: thin dotted \9" mean in CSS? [duplicate]CSS中的“outline:thin dotted \9”是什么意思？ [复制]

【发布时间】：2013-11-15 01:44:01

【问题描述】：

这是我的 CSS。谁能告诉我“outline: thin dotted \9”是什么意思？

    select:focus,
    textarea:focus,
    input:focus,
    .uneditable-input:focus 
        border-color: rgba(82, 168, 236, 0.8);
        outline: 0;
        outline: thin dotted \9;
        /* IE6-9 */
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    

【问题讨论】：

可能已经在这里回答了：***.com/questions/8004765/css-9-in-width-property

看起来 hack 可以在旧版本的 IE 中工作..

表示“\9”只在IE9中有效

@Adsy 据报道，它适用于“Internet Explorer 7、8 和 9”，而不仅仅是 9。

@thomasjaworski.com 啊，很公平，我知道它在那条线上的某个地方

【参考方案1】：

也就是说outline: thin dotted \9;online会在客户端使用IE6-9时应用，那一行下面也有注释(/* IE6-9 */)

如果您的问题主要不是关于 \9：outline: thin dotted 行会导致您的输入在聚焦时具有细虚线轮廓。

Fiddle 应用了轮廓。