2016-08-18 5 views
0

私の仕事は、チェックボックス内の "ダッシュ"を "ダッシュ"に変更することです。私は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; 
} 

ありがとうございます!

+1

ブラウザのネイティブなので、編集できないと思います(私が間違っていない限り、誰かが私を修正してください)。 '&:: before'はCSSではなく、LESSですので、とにかくそれを使用することはできません。私はあなたがチェックボックスのチェックやラジオの点を変更できないと確信しています。 – Lee

+0

checkout https://codepen.io/bbodine1/pen/novBm – z0mBi3

+0

入力フィールドのネイティブ感を編集する方法はありません。チェックボックスの感触を変えたい場合は、次のリンクの説明に従ってinput + labelを使用してください。http://webdesign.tutsplus.com/articles/quick-tip-easy-css3-checkboxes-and-radio-buttons-- webdesign-8953 – sameer

答えて

0

私はそれを変更することはできません。あなたができることは、CSSや背景画像を使ってカスタムチェックボックスを作成することです。ラベルを入力の周りにラップし、背景イメージをラベルに設定します。入力にはopacity: 0を設定することができます。

関連する問題