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