为什么我的!important属性不适用于Google Chrome？
这个问题是关于CSS样式在Google Chrome浏览器中的表现不符合预期。!important属性是CSS中的一个关键字，用于提高样式规则的优先级，使其无法被其他样式规则覆盖。
问题：为什么我的!important属性不适用于Google Chrome？
答案：
- 检查语法：首先，请确保您的CSS语法正确，包括属性值、分号和括号。正确的语法应该是：
selector {
property: value !important;
}- 确保!important属性在正确的位置：!important关键字应该紧跟在属性值后面，而不是在分号之后。
- 确保外部样式表已正确链接：请确保您的CSS文件已正确链接到HTML文档中，并检查是否有多个样式表链接，它们可能相互覆盖。
- 浏览器缓存：有时，浏览器会缓存旧版本的CSS文件。请尝试清除浏览器缓存，然后重新加载页面。
- 检查其他浏览器：如果!important属性在其他浏览器中正常工作，但在Google Chrome中不正常，可能是浏览器特定的问题。请尝试更新Google Chrome到最新版本，或尝试在无痕模式下打开页面。
- 使用浏览器开发者工具：使用Google Chrome的开发者工具检查元素，查看计算样式选项卡，以确定!important属性是否已应用，以及其他可能覆盖该属性的样式规则。
- 检查依赖样式：有时，其他样式表（如第三方库）可能会影响您的!important属性。请检查是否有其他样式表正在影响元素的样式。
如果以上方法都无法解决问题，请提供更多关于您的代码和使用场景的信息，以便我们能够更好地帮助您。
相关·内容
当应用于它的子元素时，我如何强迫Chrome在柔性盒的父元素中尊重display: inline !important;？无论我将block属性设置为什么，Chrome都会强制将元素显示为display。︎
XML
<fieldset>
<a></a>
<input />
</fieldset>
CSS
fieldset {align-items: center; display: flex;}
fieldset * {display: inline !important;}
浏览 5提问于2019-05-09得票数 1
5回答
以前，当我打印“隐藏”元素时，以下代码适用于Firefox和Google Chrome。
<!DOCTYPE html>
<html><head><title>Test</title>
<style type="text/css">
@media print {
.noprint {
display: none;
}
}
</style>
</head>
<body>
<span class="noprint"&g
浏览 4提问于2013-11-24得票数 7
2回答
Z-索引只在铬中工作。
、、、
我有一个直播网站和
我一直想要标志在顶部的.content div。我主要使用Google，因为我更喜欢它而不是FF的萤火虫，但我也有FF，在Chrome索引和其他css渲染方式，我想，但在火狐没有z索引和项目显示正常，因为没有索引。
无论如何，我已经在浏览器栈中测试了它，它向我展示了整个网站需要一些工作才能真正跨越浏览器。我已经开发了我自己的css，然后吸收引导，这就是为什么css文件如此混乱，目前我正在重写和调整css，但我不知道为什么z索引不能在Chrome之外工作。
浏览 3提问于2014-12-08得票数 0
回答已采纳
2回答
我正在使用Twitter的Bootstrap 3模式，它看上去很棒，除了OSX上的google (也许还有其他浏览器)之外，下面的页面向左跳了一点--可能是因为滚动条占用了右边的一些空间。
在OSX Chrome上使用模式窗口时，有什么方法可以防止页面跳转吗？
浏览 0提问于2013-10-18得票数 2
回答已采纳
我在歌剧和IE中遇到了sIFR的问题。基本上，在Opera中链接不起作用，在is中sIFR根本不显示，文本只是普通文本。
这在Firefox和Google Chrome中都不是问题。
为什么会发生这种情况，我如何才能防止这种情况发生？我只将sIFR分配给包装在链接或其他标记中的span-classes
浏览 0提问于2009-08-19得票数 0
回答已采纳
如果我运行此代码：
function sendRequest() {
var req = new XMLHttpRequest();
req.open("GET", "http://www.google.com/search?XXXX", true);
req.onreadystatechange = function() {
if (req.readyState == 4) {
if (req.status == 200) {
alert( req.responseText );
}
浏览 0提问于2011-11-28得票数 0
回答已采纳
我经常使用的一个网站就是这样做的。这会导致way to很多东西都在一行上，而且会从屏幕上消失。它需要进行单词换行，但下面看到的内容会阻止它。
div.dbThreadDetailTreeRowCellItem {
white-space: nowrap;
}
我不想每次访问网站都要打开firebird并修复它。有没有一个简单的方法来修复你的css文件？我正在使用firefox。
火狐用户配置文件文件夹--> Chrome -- > userChrome.css
我将此代码添加到我的userChrome.css文件中。我需要添加什么到我的css文件？
.break-wor
浏览 2提问于2014-07-01得票数 0
2回答
Java硒路径
、、、、
我正在使用Selenium，但是我得到了错误
Exception in thread "main" java.lang.IllegalStateException: The path to the driver executable must be set by the webdriver.chrome.driver system property;
Chrome的预期位置是
/usr/bin/google-chrome
但在我的电脑里
/usr/bin/google-chrome
我在使用Ubuntu，我如何解决这个问题，
浏览 3提问于2016-01-30得票数 0
回答已采纳
今天我在用Fiddler研究一些事情，我注意到，当我启动Google Chrome时，我总是有3个HEAD请求到一些似乎是随机选择的域名。
下面是一个示例：
HEAD http://fkgrekxzgo/ HTTP/1.1
Host: fkgrekxzgo
Proxy-Connection: keep-alive
Content-Length: 0
User-Agent: Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.31 (KHTML, like Gecko) Chrome/26.0.1410.64 Safari/537.31
Accept-Enc
浏览 0提问于2013-05-20得票数 2
回答已采纳
我正试图通过浏览器操作打开一个Chrome扩展窗口。
var wid = null;
chrome.windows.get(wid, function(chromeWin) {
chrome.windows.create({'url': 'https://google.com'}, function(chromeWin) {
wid = chromeWin.id;
}
);
});
为了防止窗口的多个副本，我尝试检查窗口id。但是，如果第一次使用，可以理解，因为wid是null，因此会引发错误。
错误:调
浏览 4提问于2015-12-13得票数 4
回答已采纳
我的应用程序中的选择框有问题。我为选择框指定了一些宽度。选择框中某些项目的宽度大于选择框的实际宽度。每种浏览器都有不同的处理方式。我可以在IE 8中看到选择框项目的缩小，而google chrome和firefox则采用选择框中项目的最大宽度。
我想控制选择框的宽度。有没有办法做到这一点？
浏览 0提问于2010-06-17得票数 1
回答已采纳
1回答
Chrome编译问题
、、、、
所以，我开发了一个网站，它在所有浏览器上看起来都很好。但是当我把它上传到webserver时，它在google chrome上看起来就不一样了。我试着通过chrome直接从电脑上打开我的html项目，它看起来没问题。为什么G.Chrome在Why服务器上编译不同，当直接从计算机上时，它看起来很好。哪里会有问题呢？我怎么才能修复它？
浏览 1提问于2020-08-31得票数 0
2回答
我正在模式视图上实现一个报表查看器。以下是一些打印样式：
@page{
margin: 5mm;
}
body{
visibility: hidden;
}
.modal-report{
width: 100%;
height: 100%;
margin: 0;
}
#report-view-container-id, #report-view-container-id *{
visibility: visible;
}
#report-view-container-id{
width: 100%;
height: 100%;
posit
浏览 1提问于2016-09-06得票数 1
我有以下Powershell代码，当点击Taskbar上的固定图标时，Chrome总是使用默认配置文件打开： $shortcutPath = "$($Env:APPDATA)\Microsoft\Internet Explorer\Quick Launch\User Pinned\TaskBar\Google Chrome.lnk"
$shell = New-Object -COM WScript.Shell
$shortcut = $shell.CreateShortcut($shortcutPath) ## Open the lnk
$shortcut.TargetPa
浏览 57提问于2020-08-18得票数 0
回答已采纳
如何在google chrome中启用自动阿拉伯语拼写检查？我不能通过编辑chrome设置来做到这一点。有没有需要在外部添加的包，或者我可以在chrome设置中编辑它。
浏览 5提问于2016-02-08得票数 0
在Google chrome中，活动输入标签的默认边框颜色是黄色，如何禁用它？
如何更改css中的颜色？
浏览 7提问于2011-01-22得票数 3
回答已采纳
Oracle ADF 12.1.2 - 12.2.1存在一个问题，当您将鼠标移到表格上方时，表格滚动一次只能向下移动几个像素。
如果您使用表格滚动条，它将按预期工作。
当使用Google Chrome查看页面时，它也可以像预期的那样工作。
浏览 0提问于2018-09-14得票数 0
2回答
我正在使用显示我的网站标志。(见顶部)
在Chrome中，字母'f‘和'i’分别出现，但在FireFox中，它们是一个很好的连接
我如何强迫Chrome使用结扎？
如果我在html中使用连接的ascii字符(fi)，那么它就不使用字体了，它又回到了字形，但是字体()必须支持这个绑定，因为火狐显示它。
Update：我最终放弃了Google字体API，转而使用了朴素@字体-face。无论如何，在fontsquirrel.com上还有更多的选择。
浏览 4提问于2011-04-11得票数 7
回答已采纳
自从我开始在Ubuntu上使用Google (和Chromium)之后，我对改变Facebook字体(或者在某些有自己的CSS的网站上强制在设置中更改字体)产生了不好的感觉。
我花了大约3年的时间询问和搜索网页，如何在某些网站上强制在Chrome (Chrome)上更改字体，在我的例子中是Facebook？
提前谢谢你。
浏览 0提问于2013-07-06得票数 0
回答已采纳
稍微研究一下，Google Chrome似乎会呈现页面的其余部分，但在加载web字体之前，它会显示一个空白区域，而不是使用字体来源的文本: http://code.google.com/apis/webfonts/docs/technical_considerations.html#Browser_Behavior.但是，当用户在Windows 7上使用Chrome 11.0.696.68显示带有文本阴影的Google Web字体时，Google Web字体永远不会呈现。所有其他浏览器都可以准确地呈现代码。甚至OSX上的Chrome 11.0.696.68也能正确呈现代码。请确认以下测试用例在
浏览 0提问于2011-05-19得票数 1
6回答
我有一个简单的引导3下拉列表，可以在我测试过的所有浏览器上运行(Chrome、FF、IE、Chrome在Android上)，但它不适用于Safari或iPad上的Chrome (ios 7.04)。
我认为这是一个问题，就像其他一些关于引导程序2的文章中所建议的，但我尝试了本地文件，但没有成功：。
我也不想要一个必须修改原始javascript文件的解决方案，因为我们目前正在从CDN中提取该文件。
我在这里创建了一个简单的代码片段来测试：
下面是引导程序中的原始代码，以防链接在将来死掉：
<div class="col-sm-5 col-offset-2 top-buffer&#
浏览 4提问于2014-01-06得票数 30
回答已采纳
3.11ChromeDriver 107.0.5304.62Chrome 107.0.5304.107Selenium Python 4.6.0
当我尝试用pyinstaller构建exe时，Chromedriver总是显示出来。
from selenium import webdriver
from selenium.webdriver.chrome.service import Service as ChromeService
from subprocess import CREATE_NO_WINDOW
chrome_options = webd
浏览 9提问于2022-11-16得票数 1
1回答
我试图通过Javascript隐藏Chrome上的IME (输入法引擎)窗口。当我将IME类型设置为类似Katakana的内容时，输入一些内容(例如“do”)，然后在它更改为正确的字符后单击框中的按钮。
我最想隐藏这个窗口的是一次黑客攻击，如下所示：
$('input').blur();
在我看来，显示IME窗口的事件似乎是在jQuery $.keyDown事件之前触发的，所以即使我将keyDown事件设置为返回false，仍然会看到窗口的闪烁。
浏览 3提问于2014-09-13得票数 1
我正在尝试使用JavaScript而不是AppleScript来编写我的第一个OS X脚本，并且遇到了一些问题。第一部分是从Chrome的标签页中获取URL，这样我就可以在上面做更多的工作(例如，在safari中创建一个新的阅读列表项)。我已经尝试了以下代码：
var safari = Application('Safari');
var chrome = Application('Google Chrome');
chrome.activate();
var url = chrome.windows[0].tabs[0].get('url');
浏览 3提问于2016-08-02得票数 1
5回答
$('body').css('background-color', 'blue');对我不起作用。
似乎还有其他匹配的CSS规则在页面上流行。
有没有办法强制这个CSS正常工作？当我尝试背景图像时，这也不起作用。
在Google Chrome的CSS浏览器中，body有三种不同的匹配CSS规则。
我不明白这是如何工作的，为什么上面的JQuery不能工作。
请给我灌输知识！
编辑
答案对于覆盖CSS来说是完美的！谢谢
注意:清空缓存，从头开始浏览数据，这很有帮助;)
浏览 7提问于2012-02-16得票数 7
回答已采纳
1回答
形势：
我想从具有以下URL的chrome应用程序中跟踪事件
chrome-extension://APP_ID。
在Google网页中，唯一受支持的协议是http和https
我刚刚输入了一个随机网址的网站网址暂时。我还正确地设置了我的舱单：
"permissions": ["webview", "browser", "http://www.youtube.com/*",
"https://www.youtube.com/*", "https://fonts.googleapis.com/*
浏览 4提问于2016-03-15得票数 1
回答已采纳
假设我有以下HTML： <form>
Fax #: <input type="number" name="fax" minlength="10" required />
<button>Print</button>
</form> 如果我输入"11“作为传真号码并点击"Print”，表单提交时没有问题。我希望它呈现出某种错误。如果minlength属性不能做到这一点，那么minlength属性到底能做什么呢？ 我使用的是Google Chrome 74.
浏览 266提问于2019-06-09得票数 1
回答已采纳
2回答
我有电子邮件列表的模板，在html + css中。
这就是了。这个文件中没有php，javascript，只有html和css。在所有浏览器(chrome，firefox，explorer)中，我看到它很好，顶部文本在正确的位置，表看起来很好。我的顾客是这么看的：
即使有300%的变焦，我也能看到：
为什么我的顾客在边境看到这个空位，为什么要为他预订呢？
浏览 5提问于2014-04-09得票数 0
回答已采纳
我正在使用iOS的Google Maps SDK。我有下面的代码，以便拉出坐标的全景街景：
override func loadView() {
let panoView = GMSPanoramaView(frame: CGRectZero)
panoView.delegate = self
self.view = panoView
panoView.moveNearCoordinate(CLLocationCoordinate2DMake(0.000,150.312))
}
虽然我理解为什么(39.539,150.312)是无效的，因为它只是海洋，但为什么像
浏览 0提问于2015-12-18得票数 2
我只是喜欢将.wp_left_col div下的divs放在单独的页面中。这是我的css代码。
.wpi_left_col > div {
page-break-after: always !important;
page-break-inside: avoid !important;
}
它可以在Firefox上运行。为什么它不能在Google Chrome上工作？
浏览 0提问于2013-01-13得票数 18
5回答
需要帮助，我正在尝试删除jQuery数据表中的水平线。
请看以下截图：
我试着用google chrome元素检查器找到这条线，但没找到。
浏览 0提问于2016-06-06得票数 9
这是我面对的一些奇怪的事情。我对感应器和Javascript还不熟悉，但已经做了一些测试了。我读到最好的桌面浏览器测试你的感觉触摸2应用程序是Chrome，因为它是一个基于网页的工具包，而且Firefox不能工作。
我创建了一个Web，它使用Sencha 2旋转木马，列出并存储从.json文件中获取的数据。
此时的应用程序有两个不同的屏幕，您可以在通过Firefox浏览器访问时看到如下所示：
正如您所看到的，在使用Firefox时，旋转木马和事件列表都会显示并按预期工作(不过，我应该是代码不应该工作的浏览器。
当我使用Google访问这些完全相同的代码时，我会得到以下内容：
浏览 1提问于2013-10-25得票数 0
回答已采纳
请检查图片
在chrome 中，你可以在FF 中看到它的正常工作。
我想通过css解决这个问题，但当我打开调试工具并关闭它而不做任何更改时，文本将显示正确。
为什么会发生这种情况？我应该做什么，以获得适当的文本滑块在铬在FF。
浏览 0提问于2013-03-25得票数 1
回答已采纳
你好。
我在google chrome中遇到了多个DIV元素的问题。如果它们有display:inline-block，那么chrome有时仍然会换行。在Firefox、Opera和IE中一切正常，但在chrome中就不行了。
尝试访问此页面：
这是商店。有两个相似的项目布局样式，一个在行中有3个项目，另一个在行中有“尽可能多的项目可以放在你的屏幕上”。在Firefox，IE，Opera中一切都能正常工作...但Chrome在第一行显示2个项目，在另一个项目中显示3个项目。
布局是动态修改的，所以也许这就是问题所在？但既然它可以在所有其他浏览器上运行，为什么它不能在Chrome上运行呢？我应该
浏览 1提问于2013-09-10得票数 1
这在chrome，中不起作用，但在火狐中却很有魅力，为什么呢？我尝试了许多组合，但是没有一个事件是用铬激发的。
我已经彻底地调试过了，并且我确实通过了所有的代码！
我正在运行Chrome版31.0.1650.63m
for(var x = 0; x < 2; x++)
{
while(bFinishCheck == false)
{
img = new Image();
img.addEventListener("load", function() {
// coming soon
浏览 1提问于2014-01-12得票数 0
回答已采纳
目标是使用child_process从nodejs启动Chrome或Chromium，并立即返回，类似于windows START命令启动一个完全独立的进程，调用进程可以立即退出。
child_process.execFile()的{ shell: true }选项几乎完成了这项工作，因为它将节点进程与Chrome进程分开；我可以使用Ctrl+C退出主要的nodejs进程，并且启动的浏览器保持打开状态。如果没有该选项，它们将保持婚姻状态，并且节点中的^C将关闭Chrome.exe。
然而，我需要的是节点在启动Chrome后完全退出。显然，按^C没有任何负面影响。因此，如果^C可以退出节点，为什
浏览 3提问于2019-06-03得票数 3
我目前正面临在Amazon EC2实例中安装google / in的问题。
我试过命令，
[ec2-user@ip-XXXX yum.repos.d]$ sudo yum install google-chrome-stable
Loaded plugins: extras_suggestions, langpacks, priorities, update-motd
amzn2-core
浏览 0提问于2021-07-24得票数 1
我对Selenium很陌生，在我的代码中，我尝试在selenium打开的浏览器(没有cookie)中使用chrome的默认配置文件。
这是我的代码：
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.chrome.ChromeOptions;
public class tryf
浏览 8提问于2017-12-29得票数 0
回答已采纳
4回答
我正在尝试更改网页上Twitter Bootstrap选项卡的字体大小。这似乎是一件简单的事情，但由于某些原因，它并不起作用。
在我的JSfiddle示例：中，一切都正常工作。
然而，它在实际的网页上不能正常工作： (向下滚动一点页面上仅有的标签)。
我已经通过Google Chrome Inspector (.nav-tabs li a)将字体大小更改为22px，它可以工作，但当我将.nav-tabs li a {font-size:22px;}添加到我的styles.css中时，它似乎不能工作。我也尝试过.nav-tabs > li > a。
对为什么会这样有什么想法吗？谢谢!
浏览 0提问于2012-05-30得票数 3
回答已采纳
5回答
有一个网站，我想打印它的div内容。问题是div是可滚动的，我不能打印所有的内容。除了我想打印的那个，我已经在所有的div上尝试了display:none，然后使用了Google Chrome的Awesome扩展，但它不会只滚动那个div。
我猜我读过关于在HTML中使用Javascript的文章，但我不知道如何使用这些代码。这不是我的网站，那么我如何注入代码，让它打印内容呢？
浏览 0提问于2013-05-31得票数 18
回答已采纳
我最近注意到，在Google Chrome中，它为所有输入元素显示蓝色背景，这些元素是自动填充的值
浏览 6提问于2019-03-01得票数 10
回答已采纳
尝试在Symfony2项目中为移动设备设置behat测试。
我正在使用chromedriver运行selenium独立服务器
这是我的配置文件behat.yml
default:
suites:
default:
contexts:
- FeatureContext:
simpleArg: '%%kernel.environment%%'
session: '@session'
mink_session: default
mink_javascript_
浏览 4提问于2016-04-20得票数 0
回答已采纳
1回答
输入“大小”属性不受尊重
、、、
我正在设计一个网页，以添加到一个网站内置的Wordpress。我使用Wordpress的联系人表单7插件创建一个可以通过电子邮件提交的插件。现在，Contact表单允许您设置文本框的大小，我已经将它们设置为size="5"，但是，测试过的浏览器(Chrome和Firefox)似乎都不尊重大小，为什么我想知道这是为什么，我该如何修复呢？该页面的临时网址是：和我的联系人表单的Wordpress源代码，如下所示：
<p>Customer: [text* Customer 30/]</p>
<p>Address: [text* Address 20/
浏览 2提问于2013-09-18得票数 1
回答已采纳
1回答
这听起来可能很愚蠢，但我似乎无法在Blogger中自定义标签的标题。我尝试了各种不同的方法和标签来实现我想要的外观，但它似乎不能正常工作。我试着在标签之间插入CSS代码，但是没有用。下面这段代码也不起作用。
.post-labels {
letter-spacing: 0.09em !important;
font: arial 8px #666666 !important;
text-transform: uppercase !important;
margin: -1% 0% -1% 0% !important;
}
.post-labels a {
font-weight: no
浏览 0提问于2015-06-23得票数 1
1回答
属性已禁用，不适用于Xhtml
、、、、
我有一个页面Xhtml，其中我在td中有一个span。
当我将属性disabled = "disabled“设置为disabled时，我希望单元格变成灰色，实际上，在ie9上也是如此。不幸的是，在chrome上，火狐和IE10并非如此。
光标处于禁用状态，但单元格不会变为灰色。你能告诉我为什么。
谢谢。
我的代码：
<tr>
<td background="background.gif" disabled="disabled" id="btnIdentify">
<span type="tex
浏览 2提问于2013-06-04得票数 0
7回答
我正在尝试定制print CSS，并且发现它打印出带有href值的链接以及链接。
这是在Chrome中。
对于此HTML：
<a href="http://www.google.com">Google</a>
它打印：
Google (http://www.google.com)
我想把它打印出来：
Google
浏览 8提问于2011-09-05得票数 299
当我试图在我的eclipse中运行'grale appenginerun'命令时，它显示了以下错误：
'gradlew' is not recognized as an internal or external command,
operable program or batch file.
C:\Users\GeekLabs\git\the-nizamabad-gradle\thenizamabad>gradle appenginerun
FAILURE: Build failed with an exception.
* Where:
Build
浏览 3提问于2015-02-05得票数 0
4回答
我的网页CSS在Firefox中看起来都很好，但在Chrome和Safari中，我的字体看起来都是黑色，而不是Firefox中的灰色。
为什么Safari和Chrome的字体/颜色可能不同--它看起来像粗体黑色。
我在内容div中使用的标题样式，即：
#content {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
color: #333;
border-right-width: 1px;
border-bottom-width: 1px;
浏览 0提问于2010-03-11得票数 1
回答已采纳
我正在使用一个事件侦听器，它引用用于火狐的relatedTarget变量或用于Chrome和IE的toElement变量。但是，由于我完成了代码的这一部分，父变量发生了变化。为什么？
例如，在今天之前，我需要使用evt.Va.toElement来引用toElement变量，但从今天早上开始，我需要使用evt.Xa.toElement。为什么它变了？
google.maps.event.addListener(polygon,"mouseout",function(evt){ // Mouseout
if(evt.Xa.toElement){ // For Chrome an
浏览 3提问于2013-11-06得票数 0
回答已采纳
我想知道为什么下面的代码不能在Google Chrome中运行：
// creates a xss console log
var cl = ( typeof( console ) != 'undefined' ) ? console.log : alert;
cl('teste');
输出:未捕获TypeError:非法调用
谢谢。
浏览 1提问于2011-02-27得票数 22
回答已采纳
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
腾讯云开发者
