當「text-decoration：none」應用時仍然帶下劃線的鏈接文本

我正在Drupal 7中的一個頁面上工作，其中包含一些帶有文本和其中的照片的框。我有整個盒子的div連接到它的內容頁面，但我似乎無法擺脫下劃線。當「text-decoration：none」應用時仍然帶下劃線的鏈接文本

我已經嘗試將text-decoration: none;應用於框內部和框外的每個類，並且框內的文本仍帶下劃線。

即使我使用的開發工具/「檢查元素」在谷歌工具它表明了盒子，內文的計算樣式是text-decoration: none;

我一直在試圖弄清楚這一點和關閉約現在一天，我一直無法通過谷歌找到任何解決方案。

任何想法？

在此先感謝。

編輯：我正在發佈我的代碼。我試圖找到一個很好的解決方案，因爲它是通過視圖呈現的Drupal中的一個頁面。另外，我還有一個小時的求職面試，我準備好了。我應該等到面試後才發佈這個問題..哦，好吧。

編輯X2：我的HTML如下：

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" version="XHTML+RDFa 1.0" dir="ltr" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/terms/" xmlns:foaf="http://xmlns.com/foaf/0.1/" xmlns:og="http://ogp.me/ns#" xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:sioc="http://rdfs.org/sioc/ns#" xmlns:sioct="http://rdfs.org/sioc/types#" xmlns:skos="http://www.w3.org/2004/02/skos/core#" xmlns:xsd="http://www.w3.org/2001/XMLSchema#" class="js"><head profile="http://www.w3.org/1999/xhtml/vocab"> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
<meta name="Generator" content="Drupal 7 (http://drupal.org)"> 
    <title>Portfolio Page | mywebsite.com</title> 
    <style type="text/css" media="all">@import url("http://url.com/modules/system/system.base.css?m178g6"); 
@import url("http://url.com/modules/system/system.menus.css?m178g6"); 
@import url("http://url.com/modules/system/system.messages.css?m178g6"); 
@import url("http://url.com/modules/system/system.theme.css?m178g6");</style> 
<style type="text/css" media="all">@import url("http://url.com/misc/ui/jquery.ui.core.css?m178g6"); 
@import url("http://url.com/misc/ui/jquery.ui.theme.css?m178g6"); 
@import url("http://url.com/modules/overlay/overlay-parent.css?m178g6");</style> 
<style type="text/css" media="all">@import url("http://url.com/modules/comment/comment.css?m178g6"); 
@import url("http://url.com/modules/field/theme/field.css?m178g6"); 
@import url("http://url.com/modules/node/node.css?m178g6"); 
@import url("http://url.com/modules/search/search.css?m178g6"); 
@import url("http://url.com/modules/user/user.css?m178g6"); 
@import url("http://url.com/sites/all/modules/views/css/views.css?m178g6");</style> 
<style type="text/css" media="all">@import url("http://url.com/sites/all/modules/ctools/css/ctools.css?m178g6"); 
@import url("http://url.com/sites/all/modules/lightbox2/css/lightbox.css?m178g6"); 
@import url("http://url.com/sites/all/modules/views_slideshow/views_slideshow.css?m178g6"); 
@import url("http://url.com/modules/shortcut/shortcut.css?m178g6"); 
@import url("http://url.com/modules/toolbar/toolbar.css?m178g6");</style> 
<style type="text/css" media="all">@import url("http://url.com/sites/all/themes/personal/css/style.css?m178g6");</style> 
<style type="text/css" media="print">@import url("http://url.com/sites/all/themes/personal/css/print.css?m178g6");</style> 
<style type="text/css" media="mobile">@import url("http://url.com/sites/all/themes/personal/css/mobile.css?m178g6");</style> 
    <script type="text/javascript" src="http://url.com/misc/jquery.js?v=1.4.4"></script> 
<script type="text/javascript" src="http://url.com/misc/jquery.once.js?v=1.2"></script> 
<script type="text/javascript" src="http://url.com/misc/drupal.js?m178g6"></script> 
<script type="text/javascript" src="http://url.com/misc/ui/jquery.ui.core.min.js?v=1.8.7"></script> 
<script type="text/javascript" src="http://url.com/sites/all/modules/views/js/views-contextual.js?m178g6"></script> 
<script type="text/javascript" src="http://url.com/misc/jquery.ba-bbq.js?v=1.2.1"></script> 
<script type="text/javascript" src="http://url.com/modules/overlay/overlay-parent.js?v=1.0"></script> 
<script type="text/javascript" src="http://url.com/misc/jquery.cookie.js?v=1.0"></script> 
<script type="text/javascript" src="http://url.com/sites/all/modules/lightbox2/js/lightbox.js?1332273397"></script> 
<script type="text/javascript" src="http://url.com/sites/all/modules/views_slideshow/js/views_slideshow.js?m178g6"></script> 
<script type="text/javascript" src="http://url.com/modules/toolbar/toolbar.js?m178g6"></script> 
<script type="text/javascript"> 
<!--//--><![CDATA[//><!-- 
jQuery.extend(Drupal.settings, {"basePath":"\/","pathPrefix":"","ajaxPageState":{"theme":"personal","theme_token":"0CkOwyp1neNP-2IbE8LYCgYGBJ9sz39ORy5DodizAGg","js":{"misc\/jquery.js":1,"misc\/jquery.once.js":1,"misc\/drupal.js":1,"misc\/ui\/jquery.ui.core.min.js":1,"sites\/all\/modules\/views\/js\/views-contextual.js":1,"misc\/jquery.ba-bbq.js":1,"modules\/overlay\/overlay-parent.js":1,"misc\/jquery.cookie.js":1,"sites\/all\/modules\/lightbox2\/js\/lightbox.js":1,"sites\/all\/modules\/views_slideshow\/js\/views_slideshow.js":1,"modules\/toolbar\/toolbar.js":1},"css":{"modules\/system\/system.base.css":1,"modules\/system\/system.menus.css":1,"modules\/system\/system.messages.css":1,"modules\/system\/system.theme.css":1,"misc\/ui\/jquery.ui.core.css":1,"misc\/ui\/jquery.ui.theme.css":1,"modules\/overlay\/overlay-parent.css":1,"modules\/comment\/comment.css":1,"modules\/field\/theme\/field.css":1,"modules\/node\/node.css":1,"modules\/search\/search.css":1,"modules\/user\/user.css":1,"sites\/all\/modules\/views\/css\/views.css":1,"sites\/all\/modules\/ctools\/css\/ctools.css":1,"sites\/all\/modules\/lightbox2\/css\/lightbox.css":1,"sites\/all\/modules\/views_slideshow\/views_slideshow.css":1,"modules\/shortcut\/shortcut.css":1,"modules\/toolbar\/toolbar.css":1,"sites\/all\/themes\/personal\/css\/style.css":1,"sites\/all\/themes\/personal\/css\/print.css":1,"sites\/all\/themes\/personal\/css\/mobile.css":1}},"lightbox2":{"rtl":0,"file_path":"\/(\\w\\w\/)public:\/","default_image":"\/sites\/all\/modules\/lightbox2\/images\/brokenimage.jpg","border_size":10,"font_color":"000","box_color":"fff","top_position":"","overlay_opacity":"0.8","overlay_color":"000","disable_close_click":true,"resize_sequence":0,"resize_speed":400,"fade_in_speed":400,"slide_down_speed":600,"use_alt_layout":false,"disable_resize":false,"disable_zoom":false,"force_show_nav":false,"show_caption":true,"loop_items":false,"node_link_text":"View Image Details","node_link_target":false,"image_count":"Image !current of !total","video_count":"Video !current of !total","page_count":"Page !current of !total","lite_press_x_close":"press \u003Ca href=\u0022#\u0022 onclick=\u0022hideLightbox(); return FALSE;\u0022\u003E\u003Ckbd\u003Ex\u003C\/kbd\u003E\u003C\/a\u003E to close","download_link_text":"Download Original","enable_login":false,"enable_contact":false,"keys_close":"c x 27","keys_previous":"p 37","keys_next":"n 39","keys_zoom":"z","keys_play_pause":"32","display_image_size":"","image_node_sizes":"()","trigger_lightbox_classes":"","trigger_lightbox_group_classes":"","trigger_slideshow_classes":"","trigger_lightframe_classes":"","trigger_lightframe_group_classes":"","custom_class_handler":0,"custom_trigger_classes":"","disable_for_gallery_lists":true,"disable_for_acidfree_gallery_lists":true,"enable_acidfree_videos":true,"slideshow_interval":5000,"slideshow_automatic_start":true,"slideshow_automatic_exit":true,"show_play_pause":true,"pause_on_next_click":false,"pause_on_previous_click":true,"loop_slides":false,"iframe_width":600,"iframe_height":400,"iframe_border":1,"enable_video":false},"overlay":{"paths":{"admin":"node\/*\/edit\nnode\/*\/delete\nnode\/*\/revisions\nnode\/*\/revisions\/*\/revert\nnode\/*\/revisions\/*\/delete\nnode\/add\nnode\/add\/*\noverlay\/dismiss-message\nuser\/*\/shortcuts\nadmin\nadmin\/*\nbatch\ntaxonomy\/term\/*\/edit\nuser\/*\/cancel\nuser\/*\/edit\nuser\/*\/edit\/*","non_admin":"admin\/structure\/block\/demo\/*\nadmin\/reports\/status\/php"},"ajaxCallback":"overlay-ajax"},"tableHeaderOffset":"Drupal.toolbar.height"}); 
//--><!]]> 
</script> 
</head> 
<body class="html not-front logged-in no-sidebars page-portfolio toolbar toolbar-drawer lightbox-processed" style="padding-top: 65px; "> 
    <div id="skip-link"> 
    <a href="#main-content" class="element-invisible element-focusable">Skip to main content</a> 
    </div> 
    <div id="overlay-disable-message" class="clearfix"><h3 class="element-invisible">Options for the administrative overlay</h3><a href="/user/1/edit?destination=portfolio#edit-overlay-control" id="overlay-profile-link" class="overlay-exclude element-invisible">If you have problems accessing administrative pages on this site, disable the overlay on your profile page.</a> <a href="/overlay/dismiss-message?destination=portfolio&amp;token=snk0Img0V_hSox1Q_-De1dEEDTtRR_v0O00J3BOSulg" id="overlay-dismiss-message" class="overlay-exclude element-invisible">Dismiss this message.</a></div><div id="toolbar" class="toolbar overlay-displace-top clearfix toolbar-processed"> 
    <div class="toolbar-menu clearfix"> 
    <ul id="toolbar-home"><li class="home first last"><a href="/" title="Home"><span class="home-link">Home</span></a></li> 
</ul> <ul id="toolbar-user"><li class="account first"><a href="/user" title="User account">Hello <strong>user</strong></a></li> 
<li class="logout last"><a href="/user/logout">Log out</a></li> 
</ul> <h2 class="element-invisible">Administrative toolbar</h2><ul id="toolbar-menu"><li class="menu-11 path-admin-dashboard first"><a href="/admin/dashboard" id="toolbar-link-admin-dashboard" title="View and customize your dashboard."><span class="icon"></span>Dashboard <span class="element-invisible">(View and customize your dashboard.)</span></a></li> 
<li class="menu-9 path-admin-content"><a href="/admin/content" id="toolbar-link-admin-content" title="Administer content and comments."><span class="icon"></span>Content <span class="element-invisible">(Administer content and comments.)</span></a></li> 
<li class="menu-21 path-admin-structure"><a href="/admin/structure" id="toolbar-link-admin-structure" title="Administer blocks, content types, menus, etc."><span class="icon"></span>Structure <span class="element-invisible">(Administer blocks, content types, menus, etc.)</span></a></li> 
<li class="menu-7 path-admin-appearance"><a href="/admin/appearance" id="toolbar-link-admin-appearance" title="Select and configure your themes."><span class="icon"></span>Appearance <span class="element-invisible">(Select and configure your themes.)</span></a></li> 
<li class="menu-18 path-admin-people"><a href="/admin/people" id="toolbar-link-admin-people" title="Manage user accounts, roles, and permissions."><span class="icon"></span>People <span class="element-invisible">(Manage user accounts, roles, and permissions.)</span></a></li> 
<li class="menu-16 path-admin-modules"><a href="/admin/modules" id="toolbar-link-admin-modules" title="Extend site functionality."><span class="icon"></span>Modules <span class="element-invisible">(Extend site functionality.)</span></a></li> 
<li class="menu-8 path-admin-config"><a href="/admin/config" id="toolbar-link-admin-config" title="Administer settings."><span class="icon"></span>Configuration <span class="element-invisible">(Administer settings.)</span></a></li> 
<li class="menu-19 path-admin-reports"><a href="/admin/reports" id="toolbar-link-admin-reports" title="View reports, updates, and errors."><span class="icon"></span>Reports <span class="element-invisible">(View reports, updates, and errors.)</span></a></li> 
<li class="menu-12 path-admin-help last"><a href="/admin/help" id="toolbar-link-admin-help" title="Reference for usage, configuration, and modules."><span class="icon"></span>Help <span class="element-invisible">(Reference for usage, configuration, and modules.)</span></a></li> 
</ul>   <a href="/toolbar/toggle?destination=portfolio" title="Hide shortcuts" class="toggle toggle-active toolbar-toggle-processed">Hide shortcuts</a>  </div> 

    <div class="toolbar-drawer clearfix"> 
    <div class="toolbar-shortcuts"><ul class="menu"><li class="first leaf"><a href="/node/add">Add content</a></li> 
<li class="leaf"><a href="/admin/content">Find content</a></li> 
<li class="leaf"><a href="/admin/config/development/performance">Performance</a></li> 
<li class="last leaf"><a href="/admin/config/development/maintenance">Maintenance mode</a></li> 
</ul></div><a href="/admin/config/user-interface/shortcut/shortcut-set-1" id="edit-shortcuts">Edit shortcuts</a> </div> 
</div> 
    <!-- If front page, present front page content --> 
<div id="a"> 
<!-- Begin other page specific content --> 
<div id="smallhead"> 
</div> 
</div><!-- End div a--> 
<!-- Begin menu --> 
<div id="b"> 
<div id="menu"> 
<a href="/home"><div class="item">Home</div></a> 
<a href="/about"><div class="item">About Me</div></a> 
<a href="/portfolio"><div class="item">Portfolio</div></a> 
<a href="/photos"><div class="item">Photos</div></a> 
<a href="/projects"><div class="item">Projects</div></a> 
<a href="/blog"><div class="item">Blog</div></a> 
</div> 
</div> 
<div id="c"> 
<div id="middle"> 
<!-- Begin other page specific content --> 
<div id="contentwrapper"> 
    <div class="region region-content"> 
    <div id="block-system-main" class="block block-system"> 


    <div class="content"> 
    <div class="view view-portfolio-page view-id-portfolio_page view-display-id-page view-dom-id-a0c892fe2818834f0a7750c98e7e6688"> 



     <div class="view-content"> 
     <div class="views-row views-row-1 views-row-odd views-row-first"> 

    <div>  <div><a href="/node/10"> 
<div class="smallbox"> 
<div class="nounderline"> 
<strong>Postcards</strong><br> 
<img typeof="foaf:Image" src="" width="233" height="157" alt=""><br> 
Postcards<br> 
Adobe Illustrator 
</div> 
</div></a></div> </div> </div> 
    <div class="views-row views-row-2 views-row-even"> 

    <div>  <div><a href="/node/9"> 
<div class="smallbox"> 
<div class="nounderline"> 
<strong>Design</strong><br> 
<img typeof="foaf:Image" src="" width="233" height="157" alt=""><br> 
Desiugn<br> 
Adobe Illustrator 
</div> 
</div></a></div> </div> </div> 
    <div class="views-row views-row-3 views-row-odd"> 

    <div>  <div><a href="/node/8"> 
<div class="smallbox"> 
<div class="nounderline"> 
<strong>Website</strong><br> 
<img typeof="foaf:Image" src="" width="233" height="157" alt="screenshot"><br> 
Awareness Campaign<br> 
HTML, CSS 
</div> 
</div></a></div> </div> </div> 
    <div class="views-row views-row-4 views-row-even views-row-last"> 

    <div>  <div><a href="/node/7"> 
<div class="smallbox"> 
<div class="nounderline"> 
<strong>Website</strong><br> 
<img typeof="foaf:Image" src="" width="233" height="157" alt=""><br> 
Details Website<br> 
HTML 5, CSS 3 
</div> 
</div></a></div> </div> </div> 
    </div> 






</div> </div> 
</div> 
    </div> 
</div> 
<!-- End other page specific content --> 
</div><!--end middle--> 
</div> 
<div id="d"> 
<div id="footer"> 
;<a href="">Contact Form</a> 
<br> 
Copyright ©2012 My Name 
</div> 
</div> 



<div id="lightbox2-overlay" style="display: none; "></div>  <div id="lightbox" style="display: none;" class="lightbox2-orig-layout">  <div id="outerImageContainer" style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); "><div id="modalContainer" style="display: none; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; "></div><div id="frameContainer" style="display: none; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; "></div><div id="imageContainer" style="display: none; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; "><img id="lightboxImage" alt=""><div id="hoverNav"><a id="prevLink" title="Previous" href="#" style="padding-top: 10px; "></a><a id="nextLink" title="Next" href="#" style="padding-top: 10px; "></a></div></div><div id="loading"><a href="#" id="loadingLink"></a></div></div>  <div id="imageDataContainer" class="clearfix" style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); ">   <div id="imageData"><div id="imageDetails"><span id="caption"></span><span id="numberDisplay"></span></div><div id="bottomNav"><div id="frameHoverNav"><a id="framePrevLink" title="Previous" href="#" style="padding-top: 10px; "></a><a id="frameNextLink" title="Next" href="#" style="padding-top: 10px; "></a></div><a id="bottomNavClose" title="Close" href="#" style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); "></a><a id="bottomNavZoom" href="#"></a><a id="bottomNavZoomOut" href="#"></a><a id="lightshowPause" title="Pause Slideshow" href="#" style="display: none;"></a><a id="lightshowPlay" title="Play Slideshow" href="#" style="display: none;"></a></div></div>  </div>  </div></body></html>

我的CSS如下：！

@charset "utf-8"; 
/* CSS Document */ 
body{ 
    background: black; 
    font-size: 14px; 
    margin: 0; 
    } 
a:visited{ 
    color: blue; 
} 
h2{ 
    font-size: 135%; 
    margin: .2em 0; 
} 
#a{ 
    width: 100%; 
    background: rgb(140,79,84); 
} 
#bighead{ 
    height: 31em; 
    width: 69em; 
    margin: 0 auto; 
    padding-top: 2em; 
    background: url(../img/headerpic.jpg); 
    text-align: center; 
    border: 0 solid black; 
    border-width: 0 4px; 
} 
#header a{ 
    font-size: 35px; 
    text-decoration: none; 
    color: black; 
} 
#slogan{ 
    font-size: 18px; 
    padding: .5em; 
} 
#smallhead{ 
    height: 14em; 
    width: 69em; 
    margin: 0 auto; 
    background: url(../img/smallheader.jpg); 
    text-align: center; 
    border: 0 solid black; 
    border-width: 0 4px; 
} 
#b{ 
    width: 100%; 
    background: rgb(50,51,46); 
} 
#menu{ 
    width: 69em; 
    height: 2.5em; 
    border: 0 solid black; 
    border-width: 0 4px; 
    background: black; 
    text-align: center; 
    margin: 0 auto; 
} 
.item{ 
    font-size: 17.5px; 
    height: 1.1em; 
    width: 9.2em; 
    float: left; 
    padding: .3em 0; 
    border-top: .2em solid rgb(31,38,28); 
    border-bottom: .2em solid rgb(31,38,28); 
} 
#menu a:link, a:visited{ 
    text-decoration: none; 
    color: #CCC; 
} 
#menu a:hover{ 
    color: white; 
    background: white; 
    text-decoration: underline; 
} 
#c{ 
    width: 100%; 
    background: rgb(139,124,108); 
} 
#middle{ 
    min-height: 22.5em; 
    width: 67.6em; 
    margin: 0 auto; 
    border: 0 solid black; 
    border-width: 0 4px; 
    background: rgb(98,103,109); 
    padding: .75em; 
    text-decoration: none; 
} 
.title{ 
    font-size: 2em; 
    height: .5em; 
    width: 24em; 
    padding-left: 1em; 
    padding-bottom: .25em; 
    color: white; 
} 
.box{ 
    float: left; 
    height: 17em; 
    width: 17em; 
    padding: 1em; 
    padding-top: .5em; 
    margin: 1.5em; 
    background: rgb(49,49,51); 
    color: white; 
} 
#contentwrapper{ 
} 
#d{ 
    width: 100%; 
    background: black; 
} 
#footer{ 
    height: 2.5em; 
    width: 69em; 
    margin: 0 auto; 
    background: black; 
    text-align: center; 
    color: white; 
} 
.smallbox{ 
    float: left; 
    height: 15em; 
    width: 17em; 
    padding: 1em; 
    padding-top: .5em; 
    margin: 1.5em; 
    background: rgb(49,49,51); 
    color: white; 
    text-align: center; 
    text-decoration: none; 
} 
.smallbox img{ 
    padding: .2em 0; 
} 
.nounderline{ 
    text-decoration: none; 
}

來源

2012-03-20 user1281809

你能發佈你的CSS和HTML嗎？更好的是，如果你可以用你的代碼爲我們提供一個http://jsfiddle.net/，所以我們可以很容易地檢查它。另外，請注意您正在測試哪些瀏覽器。謝謝！ – jmbertucci 2012-03-20 19:44:34

嘗試添加重要

text-decoration: none !important;

來源

2012-03-20 19:43:12

我試過了，但無濟於事。應用於盒子外部的盒子，盒子本身以及盒子內部的獨立課堂。 – user1281809 2012-03-20 19:50:46

的濫殺濫傷打耳光「！重要的」反對聲明，只是因爲你不明白爲什麼它不工作時從不* *是一個好主意（http://www.fiveminuteargument.com/blog/important-not-important） – 2012-03-20 19:53:37

@ user1281809是否啓用css緩存？如果是這樣，請清除緩存從'配置>>性能' – 2012-03-20 20:02:00

如果您是指文本上的下劃線，請記住將text-decoration屬性設置爲none ELEMENT。例如。

<html> 
<head></head> 
<body> 
    <div> 
     <a href="www.google.com" style="text-decoration: none"> Google</a> 
    </div> 
</body>

編輯：注意，這是不好用的線造型的元素，我用它，只是爲了演示解決方案。

來源

2012-03-20 19:48:17 unknown

我試過它在鏈接本身上使用內聯樣式（我知道這是不好的做法，但它應該只是爲了測試，正確？），它確實不利於問題。 – user1281809 2012-03-20 19:57:23

好吧。如前所述，我認爲一些源代碼可以幫助其他人嘗試幫助您解決問題。 – unknown 2012-03-20 20:01:27

申請只是這一觀點增加：

.view-portfolio-page .views-row a { text-decoration: none; }

適用於所有的意見補充：

.views-row a { text-decoration: none; }

http://jsfiddle.net/D8kRE/

你被應用文本裝飾：none來一個div其沒有效果。你只能將它應用到你的情況下位於.views-row a的錨標籤。您可以獲得更具體的內容，並通過使用上面提供的代碼將其應用於投資組合頁面視圖。

來源

2012-03-20 20:18:12 jsheffers

您*可以*將文字修飾應用於DIV。用戶代理傾向於在錨上定義文本修飾樣式，以覆蓋任何繼承的值，但沒有限制鏈接的文本修飾。 – 2012-03-21 00:18:28

您可以將列表樣式類型的DIV也不過它什麼也不做...... – jsheffers 2012-03-21 02:44:53

你說得對，一個「目錄樣式類型」應用於DIV不會有任何直接的明顯的效果，除非DIV也設置爲顯示：list-item。但不同之處在於，在DIV *上設置的文本修飾將*具有立即可見的效果。而且，在這兩種情況下，除了立即可見之外，還有副作用。 – 2012-03-21 10:10:11

而不是font-decoration: none;嘗試css text-decoration: none;

來源

2013-09-09 04:42:15 Rage

由於這實際上還沒有得到明確的答案，它在谷歌搜索相當高。我想我會用我的答案。

我只是有一個類似的問題，我不能確定的，爲什麼我沒能擺脫下劃線，發現這是因爲我沒有指定懸停狀態。

所以嘗試

#header a:hover { 
    text-decoration: none; 
}

這應該工作。我知道這是很久以前發佈的，但我看到你沒有接受答案，也沒有發佈你是否對它進行了排序。所以希望我的意見能夠幫助一些人，希望你能看到這一點，並最終接受一個答案或做你自己的答案。

來源

2014-05-28 08:14:45 CheckeredMichael

-1

錨文本的裝飾工程，它的正確名稱應該是：錨裝修換文字。

來源

2015-10-12 10:19:42 Joeri

這不提供問題的答案。要批評或要求作者澄清，請在其帖子下方留言。 – 2015-10-13 00:34:50

@Dan Beaulieu：這不是回答「任何想法？」的問題嗎？ – Joeri 2015-10-14 08:13:36

當然，這個問題出現在堆棧溢出審查隊列中，因爲質量較差。它被標記爲如此短而沒有格式化。我可以選擇是選擇你的答案是「好」還是「不好」。我選擇不是因爲它不符合堆棧溢出[回答]協議。我上面的評論是根據我的選擇自動生成的。我可以刪除我的評論，但是您的問題將繼續顯示在評論隊列中，直到您改進您的答案。 – 2015-10-14 11:34:45

由於這是第一款谷歌的結果，並沒有解決我的問題：檢查錨狀態，因爲它可能需要在別人的一個進行設置。（https://www.w3schools.com/css/css_pseudo_classes.asp）

a, 
a:link, 
a:visited, 
a:hover, 
a:active{ 
    text-decoration: none; 
}

來源

2017-10-17 19:38:01 Vee

當「text-decoration：none」應用時仍然帶下劃線的鏈接文本

回答

相關問題