博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

CSS3中有趣的appearance属性

Posted on 2011-01-05 21:25  三块石头  阅读(314)  评论(0)    收藏  举报

CSS3中的appearance属性可以将文本框显示成按钮的形状，太给力了！

<!doctype>
<html>
<head>
<title>Html5</title>
  <style type="text/css">
	 .pedo{
		-webkit-appearance:button;
		-moz-appearance:button;
		apperance:button;
		height:30px;
		width:300px;
		text-align:center;
		}
  </style>
</head>
<body>
	<input class="pedo" type="text" value="20" />
</body>
</html>