1

所以我正在使用

-webkit-border-radius: 10px;

对于现在的文本输入字段，但问题是一旦该字段是selected，就有一个border没有border radius修改的。

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

4

4 回答 4

0

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

于 2012-06-03T20:30:58.900 回答
0

虽然没有（据我所知）的跨浏览器实现outline-radius，甚至除了-moz-变体之外没有供应商前缀的实现，但您也许可以使用 inset来模拟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 小提琴演示。

于 2012-06-03T20:41:12.367 回答
0

除了大纲，您还可以使用

-webkit-appearance: none;
于 2012-06-03T01:15:10.933 回答
0

我不知道您是否可以将轮廓设置为具有像边框一样的半径，但您可以将其删除

outline:none;
于 2012-06-03T00:45:45.677 回答