html - 選択時にフォームの境界線の色を変更/削除するには?(Chrome)

Question

だから私は使用しています

-webkit-border-radius: 10px;

今のところテキスト入力フィールドですが、問題は、フィールドがになると、変更されていないselectedがあることです。borderborder radius

私の質問は、これを変更する方法を知っている人はいますか?

Answer 1

While there's no (so far as I'm aware) cross-browser implementation of outline-radius, or even a vendor-prefixed implementation other than the -moz- variant, you could perhaps emulate it with an 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 Fiddle demo.

Answer 2

輪郭を境界線のような半径に設定できるかどうかはわかりませんが、で削除できます

outline:none;

Answer 3

現時点で -moz-outline-radius に相当する Webkit はありません

Answer 4

アウトライン以外にも使用できます

-webkit-appearance: none;