在html中更改复选框标签背景大小

Question

我想知道是否可以更改html复选框标签背景的大小（地雷在文本周围有相当宽的垂直范围），还是与字体大小无关联？

欢迎任何帮助， 问候

Answer 1

试试这个

HTML

<div class="checkboxes">
    <input type="checkbox" name="Test" id="test1"><label for "test1" class="highlight">Test_button</label>
</div>

CSS

.checkboxes label {
    font-family:Arial Black;
    font-size: 12px;
    color: #666;
    border-radius: 10px 10px 10px 10px;
    background: #f0f0f0;
    padding: 100px 4px;
    text-align: left;
}

input[type=checkbox]:checked + label {
    color: white;
    background: #F2B611;           
                                       }