文本:装饰设置为无后，样式表仍在按钮div中显示下划线
装饰设置为无后，样式表仍在按钮div中显示下划线是因为CSS样式表中的装饰属性未正确设置或覆盖。
在CSS中，装饰属性通常用于修改元素的外观，包括文本装饰（如下划线、删除线）、边框、背景等。如果装饰属性未正确设置或覆盖，可能会导致元素显示不符合预期。
要解决这个问题，可以采取以下步骤：
- 检查样式表中的装饰属性：查看样式表中是否存在设置下划线的属性，例如
text-decoration: underline;。如果存在该属性，可以将其修改为text-decoration: none;以去除下划线。 - 检查样式表的优先级：如果样式表中存在多个规则设置了装饰属性，需要确保所需的规则具有足够高的优先级。可以通过使用更具体的选择器、添加
!important声明或提高样式表的位置来提高规则的优先级。 - 检查样式表的引入顺序：如果存在多个样式表，确保样式表的引入顺序正确。后引入的样式表可能会覆盖先引入的样式表中的装饰属性。
- 检查HTML元素的class或id属性：确保HTML元素的class或id属性与样式表中的选择器匹配。如果选择器未正确匹配到目标元素，样式将不会应用。
- 检查浏览器兼容性：某些浏览器可能对某些装饰属性的默认行为有所不同。可以通过在样式表中添加浏览器前缀或使用CSS兼容性前缀库来解决兼容性问题。
推荐的腾讯云相关产品和产品介绍链接地址：
腾讯云提供了一系列云计算相关的产品和服务，包括云服务器、云数据库、云存储等。您可以访问腾讯云官方网站了解更多详情：https://cloud.tencent.com/
请注意，以上答案仅供参考，具体解决方法可能因实际情况而异。在实际开发中，建议结合具体情况进行调试和排查。
相关·内容
我想知道你是否可以将链接显示为普通文本。
<a id="" href="" target="_parent"><img src="" width="121" height="20" alt="">
<div style="position:absolute;left:163px;top:1px;font-size: 12px; display: block">
<font color="white">Lo
浏览 0提问于2011-10-03得票数 13
回答已采纳
1回答
文本下方有一条奇怪的粗线
、、、、
我正在尝试为一个学校项目做一个项目组合网站，这是它在正常解决方案下的样子
看起来很正常，对吧？但是，当我缩小时，文本下面会出现一条奇怪的粗线
下面是HTML和CSS代码。
@font-face {
font-family: 'KGDefyingGravity';
src: url(../fonts/KGDefyingGravity.ttf);
}
h1 {
font-family: 'KGDefyingGravity';
font-size: 6em;
text-align: center;
color: rgb
浏览 32提问于2018-12-05得票数 1
回答已采纳
在鼠标悬停时，我的文本链接有下划线。这是Bootstrap中的默认设置。
我希望保留此链接，除非链接位于某个div中。
我尝试过的代码(和几个变体)不能工作。
HTML：
<div class="wall-entry span5">
<a href="">
<img src="http://www.placehold.it/290x163" />
<div class="wall-address">
浏览 0提问于2012-05-01得票数 7
回答已采纳
2回答
jQuery切换下划线
、、、、
我有一个菜单，可以通过点击一个链接来切换。我希望该链接下划线时，菜单是可见的，并没有装饰时，它是隐藏的。我找不到正确的功能:当你第一次按下触发器按钮时，下划线会显示，但在菜单隐藏后，下划线会一直显示。
谢谢你的帮忙!
HTML
<div id="trigger">
<div id="menu">MENU<br/></div>
<div id="navdrop">
<a class="a transition"
浏览 2提问于2011-01-13得票数 0
回答已采纳
1回答
我使用metronic主题创建了一个全屏图标：
<div class="portlet light portlet-fit portlet-datatable red-flamingo box">
<div class="portlet-title">
<div class="caption">
<i class="fa fa-check-circle" aria-hidden="true"></i>
<spa
浏览 5提问于2017-07-06得票数 0
回答已采纳
我想知道-为什么“文本2”没有下划线？
<div style="text-decoration: underline;">
<div>text 1</div>
<div style="display: inline-block;">
<div>text 2</div>
</div>
<div style="display: inline;">
<div>text 3</div>
</
浏览 0提问于2015-12-10得票数 3
回答已采纳
2回答
尽管text-decoration是none，但在鼠标悬停上应用text-shadow似乎显示了不可见下划线的阴影(仅Chrome，Firefox )。。
HTML：
<a class="bill-area" href="#" title="Watch">
<div class="watch"><h2>Watch</h2></div>
</a>
CSS：
a {color:#00C; text-decoration:n
浏览 0提问于2012-04-02得票数 0
3回答
所以我试着做一个按钮，但是我不喜欢它有蓝色的下划线和蓝色的文本，当我把它变成链接按钮时，下面是代码：
<a class="button" href = "howtomakebread.html"> how to make bread!</a>
</div>
</div>
div.breadbutton {
background-color: black;
width: 150;
height
浏览 8提问于2021-04-12得票数 1
回答已采纳
故事：，我有一个链接，里面有一些文本。链接的一部分应该有一些不同的样式(不同的大小和颜色)。
HTML：
<a href="#">Lorem Ipsum <span>Lorem Ipsum</span> Lorem Ipsum</a>
CSS：
a { color: blue; text-decoration: underline; }
a span { color: yellow; font-size: 2em; }
问题：，无论我做什么，我都找不到一种很好的方法，在跨度的文本下，与文本的颜色相同。
我看到的唯一解决方案是设置文
浏览 5提问于2012-04-02得票数 3
回答已采纳
2回答
问题是不能禁用本机"on click“事件，该事件触发x可编辑以转换为textarea。我希望只有Button可以将文本转换到文本区域，这样文本上的文本是不可点击的。
我发现了如何在其他元素单击时触发x可编辑的问题。但是，如何禁用本机文本，单击并只保留其他元素的事件？
摆弄问题就在这里：
这一部分工作得很好：
$('.edit-post-button').on('click', function(e) {
e.preventDefault();
e.stopPropagation();
$textarea = $(this).cl
浏览 2提问于2014-01-23得票数 0
回答已采纳
这是一个关于html、javascript和/或jQuery的问题。我对后两种技术没有任何经验。
下面的代码片段将文本'Browse‘显示为浏览器上的一个单词。在firefox (30.0)上，这个文本显示为带下划线的链接，而在Windows (版本11)上，下划线缺失。如何在Windows Explorer中更改代码以使文本具有下划线？
主要的html代码在这里：
<head>
<title>Test</title>
<script type="text/javascript" src="jquery-
浏览 3提问于2014-06-26得票数 0
回答已采纳
1回答
为什么在下面的图片文本后面有一个下划线？
<a href="index.html">
<div style="display: inline-block">
<img src="images/fallout.svg">
<h1 class="header_text">Mods</h1>
</div>
</a>
.header_text {
display: inline-block;
浏览 3提问于2015-07-18得票数 0
回答已采纳
1回答
我想我发现了一个错误:not选择器，我不知道在哪里可以提交CSS中的bug？
文本-修饰将应用于:not中的元素。
看我拼凑的这个小代码，颜色却正确地应用在下划线上。
p {
color: #000000;
}
:not(p) {
color: red;
text-decoration: underline;
}
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
浏览 2提问于2016-05-25得票数 1
回答已采纳
我已经创建了一个div，通过在其周围放置<a href="#"></a>，我将其转换为一个按钮。按钮内的文本当前显示下划线。
CSS
.button-link:hover {
text-decoration: none;
}
HTML
<div class="button-container" id="button-container-three">
<a href="#">
<
浏览 1提问于2017-12-04得票数 0
4回答
我不想只使用a {text-decoration:none;} ，因为我不想影响所有的链接
我有一个带有class="explore"的div，它除了:after之外没有任何内容，它使用css生成内容：
content: "Explore";
vertical-align: top;
text-decoration: none;
然后我用<a href="#">...</a>包装了div。
这给了文本“示例”一个我似乎无法删除的下划线；我尝试过：
.explore a { text-decorati
浏览 1提问于2014-09-02得票数 4
回答已采纳
1回答
我正在开发一个网页，在一个黑暗的背景上有浅色文本。当我尝试用黑白打印页面时，浏览器似乎会自动倒置颜色，这样就不会需要一个完整的墨盒来打印。这正是我所希望的。
当我尝试在Firefox中打印时，文本会被转换成一个完整的黑色。然而，在Chrome中，文本看起来很模糊，这使得它很难读懂。Chrome仍然以纯黑的形式打印页码、时间戳等。如何让Chrome在我的页面上用相同的纯黑打印文本？
这里有一个示例，显示了我使用的确切颜色，它再现了我在实际页面上看到的行为。
<body>
<form id="form1">
<div>
浏览 2提问于2016-02-25得票数 1
回答已采纳
3回答
我有这样的结构：
<a href="" class="link">
<div>
<div class="innerdiv-with-underline">text with underline</div>
<div class="innerdiv-without-underline">text</div>
</div>
</a>
我希望在上:悬停，只有innerdiv中的文本--没有下划线的--不会有下划线。
我尝试过，
浏览 4提问于2019-12-08得票数 1
回答已采纳
1回答
我不能得到下划线工作在safari，它似乎是采取默认的链接风格的下划线没有，而不是下面的css。
有什么原因吗？
div.header .container .accountPannel .top a.alias { color:#fff; font-size:10px; float:left; text-decoration:underline !important; max-width:108px; overflow:hidden;}
提前谢谢。
浏览 4提问于2013-09-21得票数 0
当将href添加到图像中时，我看到在图像下面创建了一条蓝线。知道它叫什么吗?怎么去掉它？
这是这张图片的截图。
以下是html代码：
<html>
<style>
div{
position: absolute;
top: 50%;
left: 50%;
width: 400px;
height: 300px;
margin-top: -150px;
margin-left: -200px;
}
</style>
<div>
<a href="https://10.1
浏览 1提问于2019-12-10得票数 0
回答已采纳
我注意到Chrome和Edge在超链接上渲染文本阴影的方式有些奇怪。
例如，我有一种情况，我将两个文本阴影应用于几个段落元素。这些段落中有一段只是text-decoration: underline;的标准超链接。下面是HTML和CSS：
<p class="header__text">
<a href="https://google.com">See the 2021 edition ...</a>
</p>
.header__text {
color: #fff;
text-shadow
浏览 5提问于2022-01-14得票数 0
回答已采纳
2回答
我在我的react应用程序中使用了一个很棒的字体图标，但由于某些原因，它不能正确显示
下面是我的代码：
const Header = () => {
return (
<div>
<div class="top float-right" >
<a href="https://t.me/memecoins">
<i class="fab fa-telegram fa-2x" ></i></a>
</div>
浏览 0提问于2020-08-30得票数 0
2回答
有没有办法让div在它处于show状态时把它下面的内容推送出去？目前的情况是，当我勾选复选框时，文本区域覆盖了提交按钮，从而将其隐藏起来。有没有办法让文本区域可以按下按钮？我把我的代码放在这里：
我认为，如果你尝试一下，你就会明白我的意思。另外，控制div显示速度的方法是什么。非常感谢
浏览 0提问于2011-07-09得票数 0
回答已采纳
我有一个覆盖在我的OpenLayers3地图上，它显示在一个功能的选择。当用户单击地图上的任何位置(而不是在功能上)时，该覆盖将在取消选择功能时被销毁。
覆盖显示了一些文本框和两个按钮:保存更改和删除。用户应该能够使用文本框并按“保存更改”来编辑该功能，或者按“删除”键，这将在删除之前显示一个模式窗口以供确认。
然而，事件传播的本质却带来了一些麻烦。当覆盖的stopEvent选项设置为true时，文本框是可点击和可编辑的，但是按钮的事件不会触发。当设置为false时，文本框将被单击到地图上，从而导致取消选择并破坏覆盖层，尽管现在可以单击这些按钮。
对于如何在维护按钮的事件功能的同时使文本框既可
浏览 2提问于2014-09-16得票数 0
回答已采纳
3回答
我需要将日期显示为DIV格式，格式为以月为中心的日期(DD
MMMM)。但是，该页面仅显示日期。当我检查元素时，换行符和月份发送正常。
JQuery
$(document).ready(function () {
var value = moment().subtract(2,'days');
$(".slider").each(function() {
var dateFormatted = moment(value).format("DD" + "<br/>" + "MMMM&#
浏览 0提问于2015-06-15得票数 0
我正在做一个菜单切换内容时，徘徊在不同的项目。我制作的CSS显示了另一个相对于悬停在上面的div。我让我的菜单项在鼠标上改变背景色，但我不能让它们改变文字装饰。我在这里错过了什么？
我有把小提琴：
<div id="mainContainer">
<div id="topLogo" class="topLogo"><h1>Logo</h1></div>
<div id="containerMenu" class="menuC
浏览 0提问于2015-08-24得票数 1
回答已采纳
19回答
我正在尝试有一个链接显示在白色，没有下划线。文本颜色正确地显示为白色，但蓝色下划线顽固地保持不变。我在CSS中尝试了text-decoration: none;和text-decoration: none !important;来删除链接下划线。两种方法都不起作用。
.boxhead .otherPage {
color: #FFFFFF;
text-decoration: none;
}
<div class="boxhead">
<h2>
<span class="thisPage">Current
浏览 6提问于2010-05-07得票数 639
回答已采纳
我使用的引导带4，当我使用行和创建列时，文本自动有这个覆盖文本，其中有一个，下划线和悬停，我怎么能删除这个。
浏览 5提问于2018-07-09得票数 0
回答已采纳
从这个小提琴中可以看到，color: inherit on button的一个属性可以防止禁用按钮显示为禁用。
我认为特异性意味着禁用按钮仍然是禁用的。这如何覆盖用户代理样式，以及如何使它们再次显示为启用？手动将颜色分配给button:disabled {color:GreyText}不起作用。
将其与进行比较，它显示了一个禁用的按钮，其中显示了灰色的文本。只要指定要继承的颜色，就会停止这种行为。
浏览 1提问于2017-11-16得票数 0
回答已采纳
1回答
我正在尝试删除超链接的“文本装饰”，并在Bootstrap中更改颜色，我所拥有的全部内容是：
<div class="container">
<div class="row">
<div class="col-12 col-lg-3">
<a href="Container.html">Container</a>
</div>
<div class="col-12 col-lg-3&#
浏览 2提问于2021-11-28得票数 0
我有以下HTML
<div style="text-decoration: underline;">
outer text
<div style="text-decoration: none;">inner text</div>
</div>
即使我用“无”作为“内在文本”，它仍然是下划线。下面是JS小提琴示例：
如何删除“内部文本”中的下划线？我必须维护相同的HTML结构，而不添加任何新的HTML标记。
浏览 0提问于2015-10-31得票数 5
回答已采纳
我只是在我的网站上有我的号码，上面有一个图片作为链接，所以移动用户只需点击它就可以打电话给我。我通过几个浏览器查看我的网站，Microsoft Edge在电话号码下划线，并将颜色更改为蓝色，以表明它是一个超链接。即使在将文本修饰声明为none之后，它也会继续这样做。
为了不让我的电话号码在一个流量很大的网站上广播，我不想提供我网站的链接。但是，我可以显示带有假号码的代码片段：
<div class="col-6"> <!-- NOTE: Phone -->
<img src="images/phone.png" alt=&#
浏览 3提问于2017-10-31得票数 2
1回答
对话框不会出现
、、
我想在单击按钮时显示一个对话框，但它不能正常工作。这是我的代码： <!DOCTYPE html>
<html lang="en">
<head>
<title>Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script
src="https://aja
浏览 15提问于2019-04-05得票数 0
4回答
我已经为h2标签设置了一些样式(颜色、字体大小等)，但是当我把"A“标签放在里面时，样式就变成了链接。我的html：
<h2>
<a class="no-decor" href="http://localhost/xxx/">Link</a>
</h2>
所以，如你所见，我创建了"no-decor“类。它应该继承h2的"a“标签的样式。
a.no-decor {
color:inherit;
font-family:inherit;
font-size:inherit;
浏览 5提问于2009-02-04得票数 34
回答已采纳
当您使用<a>标记时，它会默认链接文本带有下划线，所以我很自然地以为您使用了font-style:normal;，但它似乎不再适用于我了，也许是我版本的火狐或Firebug？
下面是我当前的源代码，最简单的测试用例：
<!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/199
浏览 3提问于2011-02-10得票数 0
回答已采纳
我正在学习css，我不明白为什么其他一些文本和第2行会对它们产生红色下划线效应。我认为我要么为其他类更改了它，要么对类line2将其重置为none。
我尝试了.line2和.others的“文本-修饰:无”，文本仍然是红色的下划线。
<html>
<head>
<style type="text/css">
.line {color:red; text-transform:uppercase; text-decoration:underline;}
.line2 {color:blue; text-t
浏览 8提问于2010-05-05得票数 2
回答已采纳
我想给Enyo button一个这样的标题。应该给www.google.com加下划线。如何将普通文本和带下划线的文本组合作为enyo按钮的标题？请帮帮忙。
kind: "Button",
caption: "Go to www.google.com",
onclick: "btnGoTo",
浏览 3提问于2013-12-18得票数 0
1回答
我不明白为什么text-decoration: none在下面的代码中不能工作。它不能删除单词yes的下划线。
.button {
color: black;
text-decoration: none;
}
body {
font-family: 'Roboto', 'Microsoft JhengHei', sans-serif;
font-size: 24px;
}
<a href="www.example.com">
<div class="button" id="yes&
浏览 7提问于2016-04-29得票数 4
回答已采纳
1回答
在单击按钮时，我正在验证TextBox中的值是否有效：
txtName.GetBindingExpression(TextBox.TextProperty).UpdateSource();
文本框中突出显示红色边框，并在附近显示错误提示。
然后我转到另一个标签。返回- TextBox不再高亮显示。在按钮单击我再次验证，验证规则工作良好，并返回假，但文本框仍然没有突出显示。
如何再次突出显示TextBox无效？
验证规则：
public class TextRequired : ValidationRule
{
public override ValidationResu
浏览 2提问于2014-11-04得票数 3
回答已采纳
我正在制作一个向下滚动的箭头，我使用了两个旋转的div来制作人字形。由于某种原因，当我将鼠标悬停在它包含的div上时，一个蓝色的小下划线会出现在chevron形状的下面。 我尝试了文本修饰:这些元素和它们的父元素都没有；我真的没想到它会起作用。我不确定是什么导致了它从我的代码。有谁有什么想法吗？ Here's a picture of what I'm describing; there's a small blue underline beneath the tip of the arrow #arrow-div {
position: absolute
浏览 37提问于2019-04-27得票数 0
回答已采纳
3回答
我有一个定义了固定高度的DIV：
.w {
height: 100px;
overflow: hidden;
}
如果我把文本放进去，它会隐藏超过100px的所有内容。我有一个显示所有文本的按钮，基本上它是这样做的：
$('.w').height('auto');
这将使所有文本可见，但我想要动画。这不适用于height='auto'，它必须有一个特定的高度。
问题:如何获得DIV的高度才能显示其中的所有文本？
浏览 1提问于2010-10-08得票数 9
回答已采纳
1回答
我想做一个程序，就像一个简单的文本编辑器使用Qt 4.6.2。
当用户阻止TextEdit中的任何文本并单击按钮时，文本将根据按钮的不同而显示为粗体/斜体/下划线。
我是Qt编程的初学者，所以如果可能的话，你可以在Qt中插入编程代码来做到这一点吗？
浏览 0提问于2010-06-13得票数 4
回答已采纳
我一直在设计一个网站，并设法使背景的盒子时，他们徘徊，与文本出现在同一时间。我现在添加到文本的链接，但似乎不能删除下划线。
我想在这里做两件事：
当文本链接悬停(我希望文本为黑色)时，删除下划线，使文本在悬停(到灰色)时改变颜色。
非常感谢您的帮助！
这是我的密码：
.box-a {
margin-bottom: 14px;
margin-top: 10px;
width: 100%;
height: 250px;
float: left;
padding: 15px 15px;
box-sizing: border-box;
position: relat
浏览 2提问于2020-07-05得票数 0
问题很简单；使用jQuery的css函数，可以返回CSS属性的计算样式，但是如果呈现的属性有多个样式怎么办？例如：
<div id="foo" style="text-decoration:underline;">Some underline text</div>
指令$('#foo').css('text-decoration');将返回underline。如果我把它改成
<div id="foo" style="text-decoration:underline;"
浏览 2提问于2011-07-14得票数 13
回答已采纳
我有一个链接旁边的图像，它是垂直对齐的图像。当文本装饰是标准的时候，文本链接恰到好处地位于中间。
如果我将文本装饰更改为none，文本将停留在相同的位置，但没有下划线，这会使文本看起来不像垂直居中。
这看起来像是某种bug，但很好奇是否有什么想法。
有什么想法吗?还是我太挑剔了？
浏览 2提问于2012-08-27得票数 1
我在文档中的每个锚前面添加了一个锚符号。
a::after {
content: "\2693";
}
<a href="somewhere...">i am an anchor</a>
现在，我不想在带下划线的文本中包含伪元素，因此，通过深入研究，我了解到，我不能用text-decoration实现这一点，但是使用display: inline-block;解决了这个问题
a::after {
content: "\2693";
display:inline-block;
}
<
浏览 2提问于2016-01-11得票数 2
回答已采纳
2回答
我有下面的Twitter Bootstrap“堆叠的药片”列表，模仿了上的例子
<div class="navbar-inner">
<ul class="nav nav-pills nav-stacked">
<li class="nav-header">noun</li>
<li class="active"><a href="#">a soft partly suppressed laugh<
浏览 0提问于2013-07-16得票数 0
回答已采纳
因此，我正在编写一个网站，它有一个主页，它的跨度允许你点击它，然后向下滚动到一个新的部分，卷轴工作，并向下滚动，但是如果我手动地向上滚动，文本会出现蓝色和下划线。有没有办法阻止这一切的发生。
<a class="Scroll" href="#section02"><span></span>Scroll</a>
这是我使用过的HTML，新的部分有一个ID为section02。
$(function() {
$('a[href*=#]').on('click', function
浏览 3提问于2017-04-26得票数 0
回答已采纳
4回答
我有一个类似下面的按钮，下面有一条线。这是通过使用text-decoration-line: underline实现的。我的问题是，行的长度只能与按钮中的文本一样长(All)。 我怎样才能使它与按钮的长度相同，而按钮的角仍然有点圆角呢？ 编辑:对不起，我忘了加上我使用bootstrap中的btn类。其中一个答案是我想要实现什么，但是使用bootstrap中的btn类。再次致以我的道歉。 ?
浏览 47提问于2021-02-02得票数 1
2回答
我正在创建一个WinForms库存应用程序，在这个应用程序中，用户可以为他们想要添加的每个新项目或他们想要编辑的现有项，向一系列文本框中输入数据。
其中一个文本框是关于项目的注释，我想让用户在将其添加到目录中时，选择这个文本颜色。除了这样的事情之外，还有别的办法吗？
1)用户单击文本框旁边的按钮2)按钮显示预先确定的颜色列表(如红色、绿色和蓝色) 3)用户可以单击其中之一，然后返回并更改textbox.text颜色属性
我不确定Visual是否有一些整洁的内置色轮控件来为我返回所选的颜色，或者我描述的方式是否是最简单、最直接的方法。(我假设我可能需要的一件事是使用富文本框而不是文本框？)
浏览 1提问于2017-05-24得票数 0
回答已采纳
我有问题，让我的css显示。我认为这是因为我通过指令应用了html。
这是我的js文件：
angular.module('app', []);
angular.module('app').controller('mainCtrl', function($scope){
$scope.user = {
name:'Chelsey',
address:{
street:'PO Box 123',
city: 'Secret Rebel Base',
浏览 3提问于2015-02-28得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
