css 能改变input type radio和checkbox 圆圈或方框的大小吗

html-css017

css 能改变input type radio和checkbox 圆圈或方框的大小吗,第1张

<input

style="transform:

scale(5,5)"

type="radio"

/>

css代码效果为,把input

radio放大5倍,同理,这个放大属性可用在input

checkbox上。

但使用时需注意兼容性!

这个是css写的,你可以用浏览器插件看到它的css,ie中的叫”开发人员工具“,chrome和火狐中的叫firebug。

不过现在很多前端框架,都”重写“的html中的控件,实际上是用图片、css和js来模拟html中原有的那些控件。

  <div style="width:100pxheight:100pxborder:1px solid redborder-radius:50pxline-height:100pxtext-align:centercolor:red">

设计师

  </div>

要做一个圆圈,首先要做一个正方形的div,然后加上border边框,边框要用border-radius圆角,当圆角像素等于div长宽的一半时,就变成了一个圆形边框

中间的文字用line-height和text-align上下左右居中

还有那个箭头应该是图片来的,可以当背景图片插入,这个我就不写了