0
我需要此https://jsfiddle.net/ymony0qy/的幫助。爲什麼使用邊框半徑和邊框標籤製作一些外部邊框?
.row {
height: 50px;
display:table-row;
}
.col-left, .col-right {
display: table-cell;
vertical-align: middle;
}
.col-left{
width: 100px;
background-color: #FFCC66 ;
text-align: center;
}
.col-left .content span{
font-size: 20px;
}
.lab-variace {
background: #ff6800;
color: #fff;
border-radius: 15px;
border-collapse: separate;
padding: 1.2em;
margin: 0.2em;
cursor: pointer;
width: 220px;
display: table-cell;
border: 5px #fff solid;
height: 60px;
}
.lab-variace:hover {
background:#ccc;
}
.radio-varia:checked + .lab-variace{
background: red;
}
.variace{
margin-bottom: 15px;
}
.radio-varia{
visibility: hidden !important;
position: absolute !important;
}
<div id="variace">
<div class="row">
<input type="radio" name="pred_conf" id="zaklad" onclick="pocitej_vps()" value="zaklad" class="radio-varia"><label class="lab-variace" for="zaklad">Var 1<br />xx<br />xx<br />x</label>
\t \t \t <input type="radio" name="pred_conf" id="stred" onclick="pocitej_vps()" value="stred" class="radio-varia"><label class="lab-variace" for="stred">Var 1<br />xx<br />xx<br />x</label>
</div><div class="row">
\t \t \t <input type="radio" name="pred_conf" id="extra" onclick="pocitej_vps()" value="extra" class="radio-varia"><label class="lab-variace" for="extra">Var 1<br />xx<br />xx<br />x</label>
<input type="radio" name="pred_conf" id="own" checked="checked" onclick="pocitej_vps()" value="own" class="radio-varia"><label class="lab-variace" for="own">Var 1<br />xx<br />xx<br />x<br /><br /><br /></label>
</div></div>
正如你可以在每一個角落看到的是一些小的點外線。當我刪除border:5px #fff solid;沒關係。對它有幫助嗎?謝謝
這是因爲您已經達到了極限像素。你看到的是像素可達到的最大值。做更精確的事情需要引導。 – Relisora