HTMLCSS：如何在放大时使复选框增大,在缩小时如何缩小？_html-js-css

概述我有这个简单的测试代码： <html><head><style type="text/css"> ul{ float:left; margin:0; list-style:none; padding:0; }</style> </head><body> <ul> <li><in 我有这个简单的测试代码：

<HTML><head><style type="text/CSS">    ul{        float:left;        margin:0;        List-style:none;        padding:0;      }</style>    </head><body>    <ul>       <li><input type="checkBox" ID="c1" >a</li>        <li><input type="checkBox" ID="c2" />b</li>        <li><input type="checkBox" ID="c3" />c</li>    </ul>    <ul>        <li><input type="checkBox" ID="c4" />d</li>        <li><input type="checkBox" ID="c5" />e</li>           <li><input type="checkBox" ID="c6"  />f</li>    </ul>    <ul>        <li><input type="checkBox" ID="c7" />g</li>        <li><input type="checkBox" ID="c8" />h</li>        <li><input type="checkBox" ID="c9" />i</li>    </ul></body></HTML>

这是结果：

但如果我缩小文本会变小但复选框保持不变

如果我放大文本变大,但复选框保持不变

是否有可能使复选框也改变它们的大小？例如,与其标签的大小成比例？
提前致谢

解决方法 jsFiddle DEMO

使用CSS3缩放列表以及浏览器渲染复选框！

.extraLarge ul {  -moz-transform: scale(1.50);  -webkit-transform: scale(1.50);  -o-transform: scale(1.50);  transform: scale(1.50);  padding: 10px;}

总结

以上是内存溢出为你收集整理的HTML / CSS：如何在放大时使复选框增大,在缩小时如何缩小？全部内容，希望文章能够帮你解决HTML / CSS：如何在放大时使复选框增大,在缩小时如何缩小？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1134027.html

HTMLCSS：如何在放大时使复选框增大,在缩小时如何缩小？

发表评论

评论列表（0条）