extjs 进度条不能应用样式呢?

我在extjs里面更换进度条样式,为啥不起作用呢?帮忙看下,谢谢<!DOCTYPEhtml><html><head><title>confirm.html</title>... 我在extjs里面更换进度条样式,为啥不起作用呢?帮忙看下,谢谢
<!DOCTYPE html>
<html>
<head>
<title>confirm.html</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="../extjs4.1/resources/css/ext-standard.css">
<script type="text/javascript" src="../extjs4.1/bootstrap.js"></script>
<script type="text/javascript" src="../extjs4.1/ext-all.js"></script>
<script type="text/javascript" src="../extjs4.1/locale/ext-lang-zh_CN.js"></script>
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<style type="text/css">
.custom .x-progress-inner{
height:17px;
background:#fff;
}
.custom .x-progress-bar{
height:15px;
background:transparent url(../../extjs4.1/resources/images/lq.jpg) repeat-x 0 0;
border-top:1px solid #bebebe;
border-bottom:1px solid #efefef;
}

</style>
<script type="text/javascript">
Ext.onReady(function(){
var progressbar = new Ext.ProgressBar({
text:'current progressbar',
width:300,
renderTo:'progressBar',
cls:'custom'
});
progressbar.wait({
duration:10000,
interval:1000,
increment:10,
text:'waiting',
scope:this,
fn:function(){
alert('completely');
}
});
});
</script>
</head>

<body>
<div id="progressBar">dsfsdfa</div>
</body>
</html>
展开
 我来答
fastspeeed
2014-10-19 · TA获得超过277个赞
知道小有建树答主
回答量:535
采纳率:0%
帮助的人:474万
展开全部
代码没有问题,我觉得问题可能是在<link rel="stylesheet" type="text/css" href="../extjs4.1/resources/css/ext-standard.css">这里。

不知道你用什么浏览器,我用chrome浏览器的,在进度条右键-审查元素就能看到你的css怎么起作用,肯定是有一条优先于你的.custom .x-progress-bar,一般都是加了importment!,你在你的cutumer里对应的那一条也加上importment!就行了

如果你没有chrome,你把所有的custom都加上importment,我觉得应该也行。
网易云信
2023-12-06 广告
UIkit是一套轻量级、模块化且易于使用的开源UI组件库,由YOOtheme团队开发。它提供了丰富的界面元素,包括按钮、表单、表格、对话框、滑块、下拉菜单、选项卡等等,适用于各种类型的网站和应用程序。UIkit还支持响应式设计,可以根据不同... 点击进入详情页
本回答由网易云信提供
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式