为什么这个输入元素的边框不会变回来？
输入元素的边框不会变回来可能是因为CSS样式没有正确应用或者存在样式冲突。以下是一些基础概念和可能的解决方案：
基础概念
- CSS选择器：用于选择HTML元素并应用样式。
- CSS属性：定义元素的样式，如
border、border-color等。 - CSS优先级：决定哪个样式规则会被应用，基于选择器的特异性、来源和顺序。
可能的原因
- 样式未正确加载：CSS文件未正确链接或加载。
- 样式冲突：其他CSS规则覆盖了你的样式。
- JavaScript干预：可能有脚本动态修改了边框样式。
- 浏览器缓存：旧的CSS文件可能仍在缓存中。
解决方案
检查CSS文件链接
确保HTML文件正确引用了CSS文件：
<link rel="stylesheet" href="styles.css">使用更具体的选择器
增加选择器的特异性以避免被其他样式覆盖：
/* 通用选择器 */
input {
border: 1px solid red;
}
/* 更具体的选择器 */
.form-control input[type="text"] {
border: 1px solid blue;
}使用!important标志
作为最后的手段，可以使用!important来强制应用样式：
input {
border: 1px solid green !important;
}检查JavaScript代码
查看是否有脚本修改了边框样式：
// 示例：移除所有input元素的边框样式
document.querySelectorAll('input').forEach(el => {
el.style.border = '';
});清除浏览器缓存
有时浏览器缓存旧的CSS文件，尝试清除缓存或使用无痕模式查看效果。
示例代码
假设你想将一个特定输入框的边框颜色改为蓝色：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.blue-border {
border: 2px solid blue;
}
</style>
</head>
<body>
<input type="text" id="myInput">
<script>
document.getElementById('myInput').classList.add('blue-border');
</script>
</body>
</html>通过以上步骤，你应该能够诊断并解决输入元素边框样式未正确应用的问题。如果问题依然存在，建议使用浏览器的开发者工具（如Chrome的DevTools）来检查实际应用的样式和可能的冲突来源。
相关·内容
4回答
我使用正则表达式确认输入了有效的电子邮件。它工作得很好，当电子邮件不正确时，边框是红色的，当电子邮件正确时，边框恢复正常。但如果我在输入电子邮件后将其删除，边框将保持为红色。我不明白为什么会这样？
浏览 34提问于2021-06-28得票数 1
回答已采纳
3回答
我终于让边框对齐了，但现在由于某种原因，当我将鼠标悬停在边框上时，li:hover颜色不会再变回来。根据CSS的说法，似乎正在发生的情况是，当<ul>处于活动状态时，父<li>仍然处于悬停状态。这是一个jsFiddle，它显示了正在发生的事情：
当<ul>显示并且父<li>没有悬停在其上时，我希望父<li>与<ul>中的<li>元素具有相同的
浏览 0提问于2011-10-19得票数 4
回答已采纳
1回答
我用两个数字输入的自定义轮廓和框阴影制作了。在Google中，我看到了奇怪的黑色-灰色边框，集中在底部输入元素上。 .shadowBox:focus { }
如果我设置box-sha
浏览 1提问于2020-09-28得票数 0
请看一下我为输入添加的CSS选项： font-size: 36px; padding: 0; border: 0;但是为什么输入的高度会更高呢？您能告诉
浏览 4提问于2020-11-28得票数 0
我有以下问题-我的文本区域和输入字段是半透明的，但我不能完全删除它们周围的边框。我尝试制作透明边框或指定border: none;，但它们不会消失(见下图)
有谁知道一个好的解决方案吗？
浏览 0提问于2015-05-15得票数 0
4回答
如何将div放入html表单的文本字段中？<h2>Skills</h2><input id="skills" type="text"/>$("input#skills").keydown(function(e){
浏览 4提问于2013-10-07得票数 13
回答已采纳
我使用box-shadow在选定的HTML元素周围绘制边框(当用户通过单击选择它们时，我会在它们上设置类)，因为它不会干扰布局(不会在元素周围添加空格，也不会覆盖元素边框)。不幸的是，box-shadow不能在某些元素上工作，比如input，而没有将它们的-webkit-appearance设置为none。
更改外观不是选项之一。我能在不影响输入样式的</
浏览 5提问于2015-05-01得票数 1
回答已采纳
3回答
我需要创建一个有边框的输入，当输入焦点集中时，这个边框就会改变。输入应该以这种方式工作:当输入没有焦点且为空时，标签应该在输入中：
当用户聚焦输入，或者输入被填充时，标签会向上移动，边框应该被裁剪，这样标签就不会被边框遮住。我尝试过在带有背景的标签上添加前面的元素，但是我意识到这不是正确的方
浏览 9提问于2022-05-18得票数 0
我编写了简单的jquery代码，在单击3次之后用urls代码替换特定的元素。超过3次点击后，它会用urls代码替换该元素。使用.load("")。但是之后，我刷新了页面，元素返回到默认状态，未被替换。怎么可能，我让webserver记住了这个变化。无论是在数据库中还是在Cookie、sessionStorage、localStorage中。count++; $("#id-2").load(&qu
浏览 0提问于2019-09-16得票数 0
1回答
由于某些原因，ASP.NET mvc3应用程序中输入的默认样式正在改变我的按钮的外观。如果我将样式应用于普通的div或actionlink，则按钮看起来很好<input type="submit" value="create" class="universalbutton" />
按钮没有接收到合适的大小，但它确实接收到了颜色和背景颜色等。你知道为什么</e
浏览 1提问于2011-12-14得票数 0
8回答
I‘s有一个我正在构建的站点，它具有深度嵌套的div，并且使用用户可选择的主题。我的问题是..。为什么边框颜色不传播到子元素？
我已经在处理DOM样式表了，所以添加一个循环来更新边框颜色并不困难。然而，我很好奇为什么标准(Linux中的Firefox& Chrome )边框颜色不会继承父浏览器，而默认为文本颜色，而边框样式不会默认为sol
浏览 5提问于2011-05-06得票数 11
回答已采纳
1回答
我正在尝试让底部的蓝色边框消失:active。持久边框被绑定到背景div，但当超链接处于活动状态时，即使超链接没有底部边框，它也不会消失。以下是该项目的一个小提琴：
有人知道为什么这个背景div会出现在其他元素的上方吗？
浏览 2提问于2012-09-12得票数 0
单击span元素时，我试图更改它的边框和背景颜色等属性。当再次单击元素属性时，我还希望将其重置为以前的属性。然而，我不能正确地做到这一点。我接受任何类型的解决方案，包括Jquery。实际上，我的代码目前是Jquery：
$(this).css(
浏览 3提问于2016-09-23得票数 0
回答已采纳
停止拖动时，可拖动元素的颜色将更改为#DF2525。但是当页面刷新时，颜色会变回原来的颜色。我希望刷新的时候颜色不会变回来。有没有人知道解决方案？提前谢谢。
浏览 2提问于2011-09-23得票数 0
我希望我的问题足够清楚:我得到了一个包含元素的div，我希望将其视为一个唯一的元素块，所有元素都移动到导航栏的左侧。在这个父div中，我有两个ul元素，一个分隔符span元素和一个输入框，我希望使容器的高度相同，并希望使其宽度可变，因为默认情况下它永远不会调整大小，并且当屏幕宽度改变时看起来很糟糕。我尝试的是让父div相对定位，并将输入<
浏览 20提问于2020-04-25得票数 0
7回答
我有一个非常简单的表单：。有时，当我使用Chrome进行放大或缩小时，输入边框会消失。例如，当我放大到90%时，我得到：当然，您的里程数可能会有所不同。如果你想知道这些<span>标签，我根据的推荐添加了它们。谢谢。
浏览 0提问于2012-09-23得票数 47
回答已采纳
我正在创建一个基本的表单，我发现如果不使用！重要，就不可能覆盖任何引导元素。例如，使用自定义类“自定义输入”使用具有名称输入的基本表单。/> </Col></Form>.custom-input{}
除非我向添加，否则不会删除边框为什么要这样！重
浏览 3提问于2019-09-22得票数 1
回答已采纳
1回答
嗨,
我有一个输入标记，它是跨度的。我想设置这个跨度的样式，设置边框和框阴影，输入标记边框:无。问题是，看起来，输入的高度超过了span标记，所以如果我把边框放到span，它就不会显示，因为它被input标记覆盖了。我相信，如果将一个元素放在span标记中，那么span标记的宽度和高度必须调整到子标记的高度和width.But，这在这里是
浏览 0提问于2012-03-25得票数 0
回答已采纳
3回答
当我使用CSS圆角时，它们看起来像这样，非常棒：
我怎样才能保持我漂亮的圆角，而不是背景颜色画在它们上面我试着为里面的元素指定相同的圆角，但如果我这样做了，背景颜色不会完全填满空间：
浏览 0提问于2010-06-17得票数 1
回答已采纳
我在输入元素中添加了一个":focus“CSS属性，如果单击它，它将为每个文本输入添加一个坚实的边框。这里是表单的一个小提琴，点击任何文本输入，你会注意到一个轻微的移动<h1>Send me a Message</h1>
<label for="name">Name</label><brmessage" clas
浏览 6提问于2016-04-23得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
云直播
对象存储
腾讯会议活动推荐
腾讯云开发者
