css - 使用变换和缩放更改单选按钮大小时对齐单选按钮文本

Question

为了使我的单选按钮上的 ( ) 更大，我使用了我不久前在这里找到的这个 css(抱歉，手头没有引用):

     input[type=radio]
{
    /* Double-sized */
    -ms-transform: scale(2); /* IE */
    -moz-transform: scale(2); /* FF */
    -webkit-transform: scale(2); /* Safari and Chrome */
    -o-transform: scale(2); /* Opera */
    padding: 1em;
    height: 2em; 
}

但是单选按钮的 ( ) 部分遮挡了文本首字母的一部分:

    ( )ushrooms
    ( )nchovies
    ( )xtra Cheese
    ( )reen Peppers
    ( )rtichokes

如何在按钮部分和文本之间创建一些空间？

Answer 1

添加一些右边距:margin-right: 1em;