チェックボックスのチェックマークのサイズを変更するにはどうすればよいですか？

最近私はカスタムのCSS（イメージレス）チェックマークとラジオボタンを作った。チェックボックスのチェックマークのサイズを変更するにはどうすればよいですか？

私はチェックマークcontent: "\2714";にこのCSSコードを使用しましたが、私はそのチェックマークのサイズを変更する際に問題があります。

2012-03-06 Drazek

実際のCSSを確認できますか？どの要素に 'content'を適用していますか、あなたのHTMLはどのように見えますか（それとも重要ではありませんか）？ –

フォントサイズはFF 10で私のためにうまく動作するようです：

<!DOCTYPE html> 
<html> 
<head> 
    <title>test</title> 
    <style type="text/css"> 
    p:before { 
     content: "\2714"; 
     font-size: 30px; 
    } 
    </style> 
</head> 
<body> 
    <p>Hello there</p> 
</body> 
</html>

EDITは：ChromeとSafariはまた、無問題で動作するように見えます。

出典

2012-03-06 01:21:54 Cameron

これらの擬似要素をサポートするすべてのブラウザで動作する必要があります。 – BoltClock

魅力として、多くのありがとう！ – Drazek

チェックボックスのチェックマークのサイズを変更するにはどうすればよいですか？

答えて

関連する問題