标签: outline

上下文

Firefox 14(和13); 在特定条件下忽略特定的CSS样式

问题

使用以下CSS:

*
{
    outline:none;
    -moz-outline:none;
    -moz-user-focus:ignore;    
}

的jsfiddle

当Tab用于在select元素之间切换时,Firefox 14(和13)忽略这些样式.使用后单击这些元素Tab仍会显示轮廓.

笔记

• 具体造型select而不是*没有效果.
• 这只发生在select元素上.

问题

这是一个错误还是预期的行为？

是否还需要使用其他CSS样式来防止轮廓无限期出现？

说我有这个角色,我想让用户选择它,所以当它被选中时我想在它周围显示一个轮廓.

角色是一个带有一些网格的object3D.我试图克隆并设置一个背面材料,但它不起作用,问题是形状中的每个立方体都是单独渲染背面,因此轮廓错误.

我是否需要为轮廓创建另一个网格,是否有更简单的方法？

我正在尝试在 SwiftUI 中进行文本笔画或在我的文本上添加边框，而不是在Text()项目中的字母中。

是否可以？

我想用边框制作这种效果：

我对CSS outline属性在Firefox 7或更低版​​本上呈现的方式感到有些困惑.它显然在某个地方遇到了问题,但我找不到它.

它适用于所有其他主流浏览器(Opera,Chrome,IE,Safari).

我添加了一些截图供参考.一个来自Firefox:

另一个来自Chrome:

这是CSS:

form#commentform input:focus { outline: 2px outset #717377 }

这是XHTML:

<form id="commentform">
      <div>
         <label for="name">
            <strong>
            Nom
            <span id="sname"></span>
            </strong>
         </label>
         <input type="text" tabindex="1" id="name" name="name" class="textbox" />
      </div>
...
</form>

我怎么解决这个问题？

我正在创建一个表格,遵循一些WCAG指南.其中之一是:

G165:使用平台的默认焦点指示器,以便高可见性默认焦点指示器将继续.

该规则的摘要是:

操作系统具有焦点的本机指示,其在许多用户代理中可用.焦点指示器的默认渲染并不总是高度可见,甚至可能难以在某些背景下看到.但是,许多平台允许用户自定义此焦点指示符的渲染.辅助技术还可以改变原生焦点指示器的外观.如果使用本机焦点指示器,则其可见性的任何系统范围设置都将转移到Web页面.如果您绘制自己的焦点指示器,例如通过对页面的部分进行着色以响应用户操作,这些设置将不会延续,并且AT通常无法找到您的焦点指示器.

^{(强调我的)}

为了遵守这条规则,我想保留操作系统表单元素的默认焦点指示符.

但是,我在这里遇到了不同的问题.

在macOS上的Firefox中:

一旦我改变了元素的样式(例如通过更改边框设置),默认焦点就会丢失¹.

这很奇怪,border并且outline是不同的样式属性.

在Firefox和Edge on Windows上:

浏览器在输入表单元素时显示一个焦点指示符,它只是一个不同颜色的边框 - 只要它没有样式.另一方面,Chrome确实有一个指标作为轮廓 - 就像在macOS ^2上一样.

这是一个演示行为的片段(或者尝试这个小提琴):

.b {
  border: 1px solid red;
}

<form>
    <input class="a" type="text">
    <input class="b" type="text">
</form>

作为旁注:如果 - label元素存在与否,则行为没有区别.

我的问题是:

• 为什么Firefox和Edge在macOS和Widnows上的反应如此？为什么他们使用边框而不是文档的轮廓？
• 即使应用自定义样式,如何强制这些浏览器显示操作系统的默认焦点指示符？
• 当有人创建了一个自定义指标时,它是否仍会显示在Firefox和Edge中,即使默认值不再存在？

有了这些问题,我想知道这个规则是否有可能实现.最终,也许我必须手动设置outline上focus,以获得在所有浏览器相同的行为,并跳过此规则.

¹这是一个显示macOS问题的屏幕截图:

²这是在Windows上显示问题的屏幕截图:

问题: Emacs是否具有规范等效于Vim的Folding with Foldmethod = indent？

我对能够与任何Emacs主模式和任何文件一起工作的东西特别感兴趣.Emacs搜索没有找到确定的答案.

我正在代码中动态地将标签添加到面板中.

我想要做的是能够勾画字体,使其从面板的背景颜色中脱颖而出.

问题是我不知道如何使用Winforms在C#中为我的字体甚至阴影效果创建轮廓.

任何人都知道我应该看什么或能指出我正确的方向？如果你不明白我的意思,下面的图片是我想要的:(外衬)

我有一组顶点(称为A),我想找到所有边界顶点,使得此边框顶点集是形状的轮廓.

A中的许多顶点都是多余的,因为它们在形状内部,我想摆脱这些顶点.

我的问题类似于找到顶点边(多边形)的最佳算法,但我需要它来处理非凸多边形的情况.

编辑:澄清:下图是凹多边形.这就是我所说的非凸.如果我对它运行凸包算法,它将不会保留多边形的凹陷部分.(除非我弄错了).

我在多边形的边界内和边界上有一组顶点:[[x1,y1],[x2,y2] ...]我想减少集合,使顶点只是形状的边框轮廓.

我有一排图像,每个图像都包含在链接中.

我希望当我悬停鼠标时,每个图像周围都会出现一个虚线轮廓.

问题是,除了最后一张图像之外,RHS上的轮廓都没有了.

它好像图像与左侧的图像轮廓重叠.

无论如何,当我悬停时,四边都会出现轮廓？

(我需要这些图像在没有间隙的情况下彼此对接.)

我在FF14,chrome,IE9上尝试了这个.

http://jsfiddle.net/spiderplant0/P3WBG/

我正在努力寻找一种方法来简单地为我的UILabel文本添加轮廓/笔触/轮廓.谈论围绕UILabel背景的文字字母的笔划.

我正在使用swift 3,我想直接将我的文本概述到我的子类中:UILabel.

我找到了多个答案,建议这样做:

let strokeTextAttributes = [
        NSStrokeColorAttributeName : UIColor.black,
        NSForegroundColorAttributeName : UIColor.white,
        NSStrokeWidthAttributeName : -4.0,
        NSFontAttributeName : UIFont.boldSystemFont(ofSize: 30)
    ]

    self.attributedText = NSMutableAttributedString(string: self.text!, attributes: strokeTextAttributes)

但问题是它不起作用.我的文字仍然相同,没有大纲......

谁能在这帮助我？那将是一件好事:)

非常感谢.干杯伙计们.