如何修改打勾到CSS的自舉複選框

我的任務是修改複選框內的「打勾」爲「破折號」。我是新來的CSS，到目前爲止，我看到我需要修改這一點有「破折號」。如果有人指向我的文檔並提出一個解決方案，可以使用哪些參數來實現這一點，我將不勝感激。如何修改打勾到CSS的自舉複選框

input[type='checkbox'].input-checkbox { 

&::before { 
    border-bottom: 5px solid $charcoal; 
    border-right: 5px solid $charcoal; 
    content: ''; 
    height: 20px; 
    left: 9px; 
    opacity: 0; 
    position: absolute; 
    top: 2px; 
    transform: rotate(45deg); 
    transition: $transition-default; 
    width: 11px; 
    z-index: 1; 
}

謝謝！

來源

2016-08-18 Bill Lumbert

我不認爲你可以編輯，因爲這是瀏覽器原生（除非我錯了，有人請糾正我）。 '＆:: before'很少，而不是CSS，所以你將無法使用它。我很確定你不能改變複選框的勾號或無線網點。 – Lee

結帳https://codepen.io/bbodine1/pen/novBm – z0mBi3

無法編輯輸入字段的原生感覺。如果你想改變複選框的感覺，請使用輸入+標籤，如下面的鏈接http://webdesign.tutsplus.com/articles/quick-tip-easy-css3-checkboxes-and-radio-buttons-- webdesign-8953 – sameer

你不能改變我的想法。你可以做的是使用CSS或背景圖像創建一個自定義複選框。在輸入周圍包裹標籤，並將背景圖像設置爲標籤。然後您可以爲輸入設置opacity: 0。

來源

2016-08-18 11:02:08

如何修改打勾到CSS的自舉複選框

回答

相關問題