gpt4 book ai didi

jquery ui 主题 api

转载 作者:行者123 更新时间:2023-12-01 06:59:28 24 4
gpt4 key购买 nike

编辑:1

即使清除浏览器缓存后,以下操作也不起作用:

.ui-state-hover {background-image:none;background-color:red;color:red;padding:50px;margin:50px;}

原始问题:

使用jquery's ui theme api ,我正在尝试更改jquery-ui-tabs的悬停效果:

.ui-state-hover {background-color:red;color:red;padding:50px;}

这是完整的脚本:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Page</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/smoothness/jquery-ui.css" rel="stylesheet" />

<script type="text/javascript" language="javascript">
$(document).ready(function(){
$( "#tabs" ).tabs();
});
</script>

<style type="text/css">
.ui-state-hover {background-color:red;color:red;padding:50px;}
</style>
</head>
<body>

<div id="tabs">
<ul>
<li><a href="#tabs-1">Nunc tincidunt</a></li>
<li><a href="#tabs-2">Proin dolor</a></li>
<li><a href="#tabs-3">Aenean lacinia</a></li>
</ul>
<div id="tabs-1">
<p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, </p>
</div>
<div id="tabs-2">
<p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus </p>
</div>
<div id="tabs-3">
<p>Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. </p>
</div>
</div>
</body>
</html>

但是好像不行。我做错了什么?

最佳答案

您需要更具体,因为外部 css 中具有附加类层次结构的“.ui-state-default”会覆盖您的 css。

.ui-state-default {background:red;color:red;padding:50px;} 更改为

#tabs .ui-state-default {background:red;color:red;padding:50px;}

background:red 而不是 background-color:red 因为有背景图像

查看演示 http://jsfiddle.net/aX5c9/

关于jquery ui 主题 api,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5233261/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com