<i id='ZgYj5'><tr id='ZgYj5'><dt id='ZgYj5'><q id='ZgYj5'><span id='ZgYj5'><b id='ZgYj5'><form id='ZgYj5'><ins id='ZgYj5'></ins><ul id='ZgYj5'></ul><sub id='ZgYj5'></sub></form><legend id='ZgYj5'></legend><bdo id='ZgYj5'><pre id='ZgYj5'><center id='ZgYj5'></center></pre></bdo></b><th id='ZgYj5'></th></span></q></dt></tr></i><div id='ZgYj5'><tfoot id='ZgYj5'></tfoot><dl id='ZgYj5'><fieldset id='ZgYj5'></fieldset></dl></div>
<legend id='ZgYj5'><style id='ZgYj5'><dir id='ZgYj5'><q id='ZgYj5'></q></dir></style></legend>

  • <small id='ZgYj5'></small><noframes id='ZgYj5'>

        <bdo id='ZgYj5'></bdo><ul id='ZgYj5'></ul>
      <tfoot id='ZgYj5'></tfoot>

      1. 如何使用 CSS 更改单选按钮的大小?

        How to change the size of the radio button using CSS?(如何使用 CSS 更改单选按钮的大小?)

        <small id='WBnvF'></small><noframes id='WBnvF'>

      2. <i id='WBnvF'><tr id='WBnvF'><dt id='WBnvF'><q id='WBnvF'><span id='WBnvF'><b id='WBnvF'><form id='WBnvF'><ins id='WBnvF'></ins><ul id='WBnvF'></ul><sub id='WBnvF'></sub></form><legend id='WBnvF'></legend><bdo id='WBnvF'><pre id='WBnvF'><center id='WBnvF'></center></pre></bdo></b><th id='WBnvF'></th></span></q></dt></tr></i><div id='WBnvF'><tfoot id='WBnvF'></tfoot><dl id='WBnvF'><fieldset id='WBnvF'></fieldset></dl></div>

          <legend id='WBnvF'><style id='WBnvF'><dir id='WBnvF'><q id='WBnvF'></q></dir></style></legend>
          <tfoot id='WBnvF'></tfoot>
              <tbody id='WBnvF'></tbody>

              • <bdo id='WBnvF'></bdo><ul id='WBnvF'></ul>
                  本文介绍了如何使用 CSS 更改单选按钮的大小?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

                  问题描述

                  有没有办法在 CSS 中控制单选按钮的大小?

                  Is there a way to control the size of the radio button in CSS ?

                  推荐答案

                  这个css似乎可以解决问题:

                  This css seems to do the trick:

                  input[type=radio] {
                      border: 0px;
                      width: 100%;
                      height: 2em;
                  }
                  

                  将边框设置为 0 似乎允许用户更改按钮的大小并让浏览器以该大小呈现它,例如.上面的 height: 2em 将在两倍行高处渲染按钮.这也适用于复选框 (input[type=checkbox]).有些浏览器的渲染效果比其他浏览器好.

                  Setting the border to 0 seems to allow the user to change the size of the button and have the browser render it in that size for eg. the above height: 2em will render the button at twice the line height. This also works for checkboxes (input[type=checkbox]). Some browsers render better than others.

                  从 windows 框中,它可以在 IE8+、FF21+、Chrome29+ 中运行.

                  From a windows box it works in IE8+, FF21+, Chrome29+.

                  这篇关于如何使用 CSS 更改单选按钮的大小?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

                  本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

                  相关文档推荐

                  keeping radio buttons checked after form submit(表单提交后保持选中单选按钮)
                  Styling radio button - not work in IE and Firefox(样式单选按钮 - 在 IE 和 Firefox 中不起作用)
                  Bootstrap radio button quot;checkedquot; flag(Bootstrap 单选按钮“已选中旗帜)
                  Toggle HTML radio button by clicking its label(通过单击标签来切换 HTML 单选按钮)
                  Javascript how to change radio button label text?(Javascript如何更改单选按钮标签文本?)
                  How can I automatically select specific radio buttons with Greasemonkey?(如何使用 Greasemonkey 自动选择特定的单选按钮?)

                    <legend id='ohM3i'><style id='ohM3i'><dir id='ohM3i'><q id='ohM3i'></q></dir></style></legend>
                      <tbody id='ohM3i'></tbody>
                        <bdo id='ohM3i'></bdo><ul id='ohM3i'></ul>

                          <small id='ohM3i'></small><noframes id='ohM3i'>

                          <tfoot id='ohM3i'></tfoot>
                            <i id='ohM3i'><tr id='ohM3i'><dt id='ohM3i'><q id='ohM3i'><span id='ohM3i'><b id='ohM3i'><form id='ohM3i'><ins id='ohM3i'></ins><ul id='ohM3i'></ul><sub id='ohM3i'></sub></form><legend id='ohM3i'></legend><bdo id='ohM3i'><pre id='ohM3i'><center id='ohM3i'></center></pre></bdo></b><th id='ohM3i'></th></span></q></dt></tr></i><div id='ohM3i'><tfoot id='ohM3i'></tfoot><dl id='ohM3i'><fieldset id='ohM3i'></fieldset></dl></div>