剣道ラジオボタンが中央にないドット

Question

次の画像に示すように：

剣道ラジオボタンが剣道ウィンドウまたはフィールドセットの内側に配置されたときにドットが円の中心に来ていません。

---

アップデート：私は、問題の原因となったので、剣道ウィンドウまたは他のいくつかの要素に置かれたとき剣道のラジオボタンの円が小さくなることを見つけるいくつかのtestings後

。 Iは、セレクタを使用して、剣道ラジオボタンのサイズを変更するためにCSSを使用することを試みた：

.k-radio or input[type=radio] { width:15px; height:15px} 

はまだボタンのサイズを変更することはできません。

Answer 1

私はちょうどこの同じ問題を横断しました。私はこれをkendo.custom.cssに追加しました。

.k-radio-label:before { 
    border-color: #c4c4c4; 
    border-radius: 50%; 
    background-color: #ffffff; 
    border-width: 1px; 
    box-sizing:unset; //This is part of the problem I had 
    -webkit-box-sizing: unset; //This is part of the problem I had 
} 

これが私の問題を解決しました。これは、あなたも同様にあなたを助けてくれることを願っています。

Answer 2

Steveの考えのおかげで、問題は解決されました。私はブートストラップと剣道ボックスサイズの問題のために、このCSSファイルを追加するので、問題が発生した：

：

.k-animation-container, .k-widget, .k-widget *, .k-animation-container *, .k-widget *:before, .k-animation-container *:after, .k-block .k-header, .k-list-container { 
    box-sizing: inherit; 
} 

Here is the link to Kendo UI Box-sizing:

は、問題を解決するために、私はに剣道・ラジオ・ラベルをオーバーライドする必要があります

.k-radio-label:before { 
    box-sizing:content-box; 
    -webkit-box-sizing:content-box; 
} 

Answer 3

私は同じ問題を抱えていましたが、私の場合は次のように解決しました。

Before After

.k-radio-label { 
    left: -2px; 
    line-height: 16px; 
    padding-left: 23px; 
} 
.k-radio-label::after, .k-radio-label::before { 
    box-sizing: content-box; 
} 
.k-radio-label:before { 
    border-width: 1px; 
    -webkit-box-sizing: unset; 
}