没啥技术含量,都知道 IE6 的button 字很长的话,就会很难看 ,那么就修复一下吧,还是用ext的设计素材 .
使用代码:
<button id="test2">testtesttesttesttesttesttesttesttesttesttest2</button>
<br/>
<br/>
<br/>
<button id="test">testtesttesttesttesttesttesttesttesttesttest</button>
<script type="text/javascript">
Ext.onReady(function(){
new Ext.ux.ButtonLite({
id:'test2'
});
});
</script>
事件仍然注册在 button 上面 ,结果只是对button包了一层,并加入 仿原始的button 鼠标移过高亮,点击变重色等。
/* v1.0(20090805) 借用extjs Button 素材装饰一下,防止ie6 button 文字过长毛边 v1.1(20090825) button 装饰后后去除 extStyle v1.2(20090827) 加入version配置,或许你喜欢extjs2的样式呢 */