网络编程
位置:首页>> 网络编程>> 网页设计>> 用于WebKit的CSS诀窍[译](6)

用于WebKit的CSS诀窍[译](6)

作者:vocal 来源:前端观察 发布时间:2009-03-11 20:03:00 

标签:css,浏览器,Safari,Chrome,WebKit

全新的表单控制

WebKit同样提供一些新的控制来使用于你的页面。下面的例子演示一个水平滑动条、一些新样式的按钮以及一个很像Safari工具栏的搜索框

<input type="range" style="-webkit-appearance:slider-horizontal;"><br/><br/>
<button style="-webkit-appearance:button;width:200px;height:30px;">gradient button</button><br/><br/>
<button style="-webkit-appearance:push-button;width:200px;">aqua button</button><br/><br/>
<input type="text" style="-webkit-appearance:searchfield;" value="kitten"></input><br/>

你可以通过下面的截图看到演示效果。

 

截图7. WebKit可用的一些新的按钮

新的滑动控制条尤其好用,因为这个滑动控制条的确不太好用JavaScript来写,并且还要在每个浏览器中都兼容。

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com