Button In Extjs Style

[置顶] Lite-Ext 适合WebPage的轻量级Ext

在 google code 持续更新，这里停止

演示@google code  

 

 

 

没啥技术含量，都知道 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的样式呢
*/

 

 

 

评论

3 楼 block 2009-08-26  

yiminghe 写道

block 写道

ie下效果和其他浏览器不一样。
解决办法：为button添加overflow:visible

？默认 overflow就是visible 啊，我说的是 ie6 button text过长，会出现毛边，
所以用ext样式自己包装button

我指的是你的ButtonLite的宽度，我在IE7下看到的宽度与Chrome下看到的宽度不同，虽然是同一个ButtonLite。

2 楼 yiminghe 2009-08-21  

block 写道

ie下效果和其他浏览器不一样。
解决办法：为button添加overflow:visible

？默认 overflow就是visible 啊，我说的是 ie6 button text过长，会出现毛边，
所以用ext样式自己包装button

1 楼 block 2009-08-21  

ie下效果和其他浏览器不一样。
解决办法：为button添加overflow:visible