JQuery主题生成器CSS问题_Jquery_Html_Css_Hover

JQuery主题生成器CSS问题

jquery html css

JQuery主题生成器CSS问题,jquery,html,css,hover,Jquery,Html,Css,Hover,由于某些原因，“悬停”属性不起作用。当我将鼠标放在按钮上时，它不会更改为我在CSS中指定的颜色以下是我的相关CSS： .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #dadada; background: #d7dfff url(images/ui-bg_highlight-soft_75_d7dff

由于某些原因，“悬停”属性不起作用。当我将鼠标放在按钮上时，它不会更改为我在CSS中指定的颜色

以下是我的相关CSS：

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #dadada;
    background: #d7dfff url(images/ui-bg_highlight-soft_75_d7dfff_1x100.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #555555;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #555555;
    text-decoration: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #dadada;
    background: #b3c2ff url(images/ui-bg_highlight-soft_75_b3c2ff_1x100.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
}

.ui-state-hover a, .ui-state-hover a:hover {
    color: #212121;
    text-decoration: none;
}

以下是相关的HTML：

<button class="ui-state-default ui-corner-all ui-state-hover" type="submit" id="barlogin"><p>Login</p></button>

Jquery ui要求您在文档准备/加载功能中使用以下命令初始化按钮：

$("button").button();

这将自动添加$.hover功能，并正确删除/添加相应的css类

你可以在下面读更多的东西，越有用的东西就在下面

此外，在您发布的css中，带有颜色：的：hover仅应用于锚定标记，而不是按钮

jquery ui按钮的快速介绍：脚本：

HTML:

jquery将自动为您添加哪些CSS类：

<button class="ui-button ui-button-text-only ui-widget ui-state-default ui-corner-all">
   <span class="ui-button-text">Button Label</span>
</button>

请注意，ui状态也可以是ui状态悬停、ui状态活动或ui状态禁用

它还为javascript中的悬停、退出悬停、禁用、事件添加处理程序，并根据需要将类切换入/出。

Jquery ui要求您使用文档就绪/加载函数中的以下命令初始化按钮：

$("button").button();