删除jQuery手风琴悬停的下划线

是否可以删除jquery ui手风琴的下划线（text-decoration：none）？删除jQuery手风琴悬停的下划线

我尝试了许多不同的解决方案，但似乎没有任何工作。也许我没有选择正确的样式ID。

例如...

$('#accordion .ui-state-hover').attr('style', 'text-decoration:none'); 
$('#accordion .ui-state-focus').attr('style', 'text-decoration:none'); 
$('#accordion .ui-state-hover').css('text-decoration', 'none');

编辑：我知道我可以只改变CSS样式表，但我只想为许多手风琴ONE做到这一点。

EDIT2：下面是实际的代码...

<style type="text/css"> 
.myAccordion.ui-state-hover, .myAccordion.ui-state-focus {text-decoration:none !important;} 
</style> 

<!--Downtime Announcement begin--> 
    <script type="text/javascript" language="javascript"> 
     $(document).ready(function() { 
      $("#accordion").accordion({ 
       collapsible: true, 
       active: false 
      }); 
      $('#accordion .ui-icon').attr('style', 'display: none'); 
      $('#accordion .ui-accordion-header').attr('style', 'background:#A4000F'); 
      $('#accordion .ui-accordion-header a').attr('style', 'font-weight:bold;font-size:13px;color:white'); 
      $('#accordion .ui-accordion-content').attr('style', 'background:#A4000F;width:auto'); 
      $('#accordion .ui-accordion-content p').attr('style', 'font: 14px/16px Arial,Helvetica,sans-serif;color:white'); 
      $('#accordion .ui-state-hover').addClass('myAccordion'); 
      $('#accordion .ui-state-focus').addClass('myAccordion'); 

     }); 
    </script> 

    <div id="accordion" > 
     <h3><a href="#">Important Announcement</a></h3> 
     <div> 
      <p>Beginning at 6pm EDT on April 1st, 2011 our websites will be down for a system upgrade. Please return later in the weekend when the site will return to full availability.</p> 
     </div> 
    </div> 
<!--Downtime Announcement end-->

来源

2011-03-30 Mr. Ant

需要修改自带的jQuery用户界面的stylesheet。

来源

2011-03-30 16:19:53 amir

我不想修改样式表，因为那样会改变我在网站上所有的手风琴。我只想改变它为一个手风琴。 – 2011-03-30 16:20:48

没有ü尝试这样的：

$('#accordion .ui-state-hover').css('text-decoration', 'none'); 
$('#accordion .ui-state-focus').css('text-decoration', 'none');

要记住，做手风琴后负载

来源

2011-03-30 16:20:11 Neal

尝试：

：一些意见后

$('#accordion .ui-state-hover').css('text-decoration','none');

编辑

当你不想修改所有手风琴时，只需创建新的CSS类即可。 “myAccordion”，然后使用jquery将addClass添加到这两个选择器。

$('#accordion .ui-state-hover').addClass('myAccordion'); $('#accordion .ui-state-focus').addClass('myAccordion');

并修改样式表，如：

.myAccordion.ui-state-hover, .myAccordion.ui-state-focus {text-decoration:none;}

如果这个规则不强enugh，然后修改：

.myAccordion.ui-state-hover, .myAccordion.ui-state-focus {text-decoration:none !important;}

来源

2011-03-30 16:20:20 Damb

我做到了，没有运气...... – 2011-03-30 16:21:57

然后只需打开手风琴的样式表文件即可。找到这两个类并添加文本修饰：无;二者皆是。 – Damb 2011-03-30 16:22:53

请参阅编辑........ – 2011-03-30 16:23:50

从外观上来看，似乎强调的是上锚元素。所以，仅仅以此为CSS：

#accordion .ui-accordion-header a { 
    text-decoration: none; 
}

或通过脚本为：

$('#accordion .ui-accordion-header a').css('text-decoration','none');

我设置此上的jsfiddle一个快速演示：http://jsfiddle.net/93hw2。我相信这将在未来派上用场。

来源

2011-03-31 01:34:57

删除jQuery手风琴悬停的下划线

回答

相关问题