嘗試了一些交換.我直到此為止：

.radio {

margin: 0.1rem;

margin-left: 2.5rem;

margin-top:

}

.radio input[type="radio"] {

position: relative;

opacity: 0;

}

.radio input[type="radio"] + .radio-label:before {

content: '';

background: #f4f4f4;

border-radius: 100%;

border: 1px solid #b4b4b4;

display: inline-block;

width: 0.9em;

height: 0.9em;

position: relative;

/* position */

margin-right: 1em;

margin-top: -2px;

vertical-align: middle;

cursor: pointer;

text-align: center;

transition: all 250ms ease;

}

.radio input[type="radio"]:checked + .radio-label:before {

background-color: #3197EE;

box-shadow: inset 0 0 0 4px #f4f4f4;

}

.radio input[type="radio"]:focus + .radio-label:before {

outline: none;

border-color: #3197EE;

}

.radio input[type="radio"]:disabled + .radio-label:before {

box-shadow: inset 0 0 0 4px #f4f4f4;

border-color: #b4b4b4;

background: #b4b4b4;

}

.radio input[type="radio"] + .radio-label:empty:before {

margin-right: 0;

}

Sex *

Male

Female

預(yù)習(xí)

變化

CSS的變化：

《新程序員》：云原生和全面數(shù)字化實(shí)踐50位技術(shù)專(zhuān)家共同創(chuàng)作，文字、視頻、音頻交互閱讀

總結(jié)

以上是生活随笔為你收集整理的html按钮坐标,html-单选按钮位置CSS的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。