Question

所以我正在使用

-webkit-border-radius: 10px;

现在是一个文字输入字段，但问题是该字段为selected后，有一个border没有修改border radius。

所以我的问题是有人知道如何修改它吗？

Answer 1

我不知道你是否可以将轮廓设置为像边框一样的半径，但你可以用

删除它

outline:none;

Answer 2

除了大纲，你也可以使用

-webkit-appearance: none;

Answer 3

目前没有webkit相当于-moz-outline-radius

Answer 4

虽然没有（据我所知）outline-radius的跨浏览器实现，甚至是-moz-变体以外的供应商前缀实现，但您可能模拟它有一个插入box-shadow：

.elementClass {
    padding: 0.2em;
    outline: none;
    border: 1px solid #000; /* in Chromium 18/Ubuntu 11.04 setting
                               the border is required for the outline
                               to be applied, this may not be true elsewhere */
    border-radius: 0.4em;
}

.elementClass:focus,
.elementClass:active {
    box-shadow: inset 0 0 1px 2px #f90;
}

JS Fiddle demo

如何在选择时更改/删除表格边框颜色？（Chrome）

4 个答案: