チェックボックスのチェックマークを外して文字に置き換えるにはどうすればよいですか?
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: #eee;
}
現在のコードでは、これによりチェックマークが作成されます。
.container .checkmark:after {
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
回転した正方形の境界線を使用して作成していることに注意してください(したがって、マークは実際には正方形の角です)。境界線のプロパティを削除しcontent: "Y"
、たとえば(チェックマークの代わりにYの場合)を追加することで、好きなように作成できます。ただし、見栄えを良くするために、残りのスタイリングを試してみる必要もあります。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加