JQuery CSS高度设置在Chrome/Safari上不起作用
问题：JQuery CSS高度设置在Chrome/Safari上不起作用。
回答：
这个问题可能是由于浏览器的兼容性问题导致的。在某些情况下，JQuery的CSS高度设置可能在Chrome和Safari浏览器上不起作用。为了解决这个问题，可以尝试以下几种方法：
- 使用原生JavaScript代替JQuery：尝试使用原生JavaScript来设置元素的高度，而不是依赖于JQuery。例如，可以使用
document.getElementById或document.querySelector来获取元素，并使用style.height属性来设置高度。 - 检查CSS选择器：确保你使用的CSS选择器正确地选择到了目标元素。有时候选择器的写法可能会导致无法正确地应用CSS样式。
- 检查CSS样式优先级：确认没有其他的CSS样式覆盖了你设置的高度样式。可以使用浏览器的开发者工具检查元素的样式，查看是否有其他的样式优先级高于你设置的高度样式。
- 检查元素是否具有固定高度：如果目标元素的高度是由其他CSS属性或父元素的高度决定的，那么设置元素的高度可能不起作用。确保目标元素的高度没有被其他因素所影响。
- 更新JQuery版本：如果你使用的是较旧的JQuery版本，尝试更新到最新版本，以确保你使用的JQuery库没有已知的兼容性问题。
如果以上方法都无法解决问题，可以尝试搜索相关的开发者社区或论坛，寻求其他开发者的帮助和建议。
腾讯云相关产品和产品介绍链接地址：
腾讯云提供了一系列云计算相关的产品和服务，包括云服务器、云数据库、云存储等。你可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多关于腾讯云的产品和服务信息。
相关·内容
2回答
使用引导时自定义CSS不起作用
css、twitter-bootstrap
我已经设置好了我的angular应用程序，一切都在正常工作。我正在尝试添加一些自定义css到输入，所以我创建了一个新文件my.css
.myInvalid {
border: 5px solid red;
}
我已经将该文件添加到我的index.html中，并且加载了该文件，但是当我编写<input type="text" class="myInvalid"/>时，我的输入周围没有任何边界。
<!DOCTYPE html>
<html data-ng-app="MainApp">
<head&g
浏览 4提问于2013-07-18得票数 1
5回答
选择: document.ready()上的目标
javascript、jquery、cross-browser
下面是一个简单的测试用例来演示我要做的事情：
<html>
<head>
<title>Test</title>
</head>
<body>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$(":target").cs
浏览 6提问于2013-08-22得票数 4
回答已采纳
3回答
Div hover不工作吗？
html、css、hover
我有一个div，当我将鼠标悬停在它上面时，它拒绝改变背景颜色。它保持不变。这是代码。
HTML：
<div id="login"></div>
CSS：
#login {
position: fixed;
float: left;
background-color: none;
margin-left: 1.5%;
top: 1em;
height: 1.25em;
width: 7em;
text-align: center;
border-radius: .3em;
op
浏览 0提问于2014-08-04得票数 1
1回答
网站各个浏览器兼容性 样式、按钮事件、存储问题、插件的支持都不同，有些更甚用不了，该怎么解决呢？
javascript、网站、html5、浏览器、前端
公司最近让我做一下网页的兼容，在各个浏览器下功能都能正常使用（IE可以不兼容），百度查的资料大都是css的兼容，但是有些查不到，想知道大网站都是使用什么库或者方法解决的呢？每个浏览器对每一行代码理解都不相同，对我一个新手小白太难了，希望能帮忙解决一下
浏览 209提问于2023-07-27
回答已采纳
我使用internet explorer和jquery的最新版本。像slidedown，fadein，fadeout这样的效果在ie上不起作用，但在Google Chrome上效果很好。如何修复它？
代码在Google Chrome中运行良好：
jQuery.noConflict();
jQuery(document).ready(function(){
jQuery("#form1").hide();
jQuery("#form1").fadeIn(6000, function() {
// Animation complete.form1:mainH
浏览 1提问于2010-02-13得票数 0
4回答
Firefox/Safari将输入的高度设置为[指定的高度-填充-边界][type=button]
html、css、height、padding
当我使用以下CSS时：
input[type=button] {
background-color: white;
border: 1px solid black;
font-size: 15px;
height: 20px;
padding: 7px;
}
使用此HTML：
<input type="button" value="Foo" />
我希望看到这个，所以总高度变成了36px
1px border
7px padding
20px content (with 15px text)
7px padding
1px
浏览 2提问于2010-02-14得票数 9
回答已采纳
25回答
【开箱吧腾讯云】开发工具千千万，哪个最高效最好用？
腾讯云、产品、工具、开发、开发工具
开发工具千千万，哪个最高效最好用？
在关键时刻解决了你的卡点和痛点，欢迎你和我们一起分享你使用过的腾讯云宝藏工具！
点赞最高的前5名将获得猫王小王子花梨原木便携蓝牙音箱1个（截止时间：11月12日24:00）
另外在11月9日晚20:00-21:00
【开箱吧腾讯云】将迎来3位开发大神分享自身工具箱
快来腾讯云开发者视频号预约吧！更有超多双十一产品优惠等你！
图片
浏览 1738提问于2022-11-02
4回答
跨浏览器CSS整洁的解决方案建议？
css、cross-browser
在你看来，做跨浏览器css (IE7，Safari，Chrome，Firefox)的一种巧妙方式是什么？
考虑到这是一个巨大的web应用程序，它有一个很大的主要css文件，以及许多其他css文件。
条件Css？并为每个浏览器使用不同的css？有什么已知的工具吗？
谢谢。
浏览 3提问于2011-05-10得票数 0
回答已采纳
1回答
我有以下CSS规则：
button.medium.fade-btn:hover:not([disabled]) {
color:red;
}
和HTML代码：
<button class="medium fade-btn" disabled></button>
我需要这个悬停效果，只有当按钮没有被禁用时才有效。
浏览 2提问于2017-10-05得票数 2
回答已采纳
3回答
删除日期输入上的‘清除’按钮(iOS safari)
ios、html、safari
是否可以在iOS Safari ()上删除<input type="date">输入字段的"clear“按钮？我尝试过使用required，但它在iOS6或iOS7上不起作用。
浏览 8提问于2013-11-13得票数 9
2回答
与css不同的jquery样式修改
jquery、css、styles
我通过jquery将以下样式应用于div：
$("#content").css('width',$("#content").width()+'px');
$("#content").css('height',$("#content").height()+'px');
$("#content").css('position','fixed');
在后面的脚本中，我将再次删除固定位置以及高度和宽度的设置。
我试图通过添加一个
浏览 0提问于2017-09-23得票数 0
回答已采纳
3回答
jQuery .css()不适用于IE 6,7,8和火狐浏览器，但适用于Chrome，Safari，Opera
javascript、jquery
更新:这个问题已经解决了。
我正在尝试通过JavaScript更改Assistly站点的默认样式，因为样式表不能由我编辑。它在Chrome、Safari、Opera和IE9上运行良好；但在IE6、7、8或任何火狐浏览器中都不能正常工作。
在下面的代码中，设置h2和图像的前两行代码可以在所有浏览器中使用，但.css()行不能。为什么.css()在某些浏览器中不能工作？
下面是代码。
<script type="text/javascript">
jQuery(document).ready(function(){
$("#support-header .wra
浏览 2提问于2011-10-01得票数 2
2回答
如何在使用Safari浏览时不加载Javascript
javascript、html、browser、safari
我正在帮助的一个网站遇到了很多麻烦。它有一堆javasripts来给网站一个很好的滚动效果，但它在Safari上不起作用。
因此，我需要一种不运行javascripts的方法，最好是只检查查看器使用的是什么浏览器，因为我只在使用Safari浏览时遇到过这个问题。我以前从来没有真正使用过javascript，所以我不知道如何才能做出这些例外……我也很好奇为什么只有Safari会有这个问题，因为我还没有找到一个真正具体的答案。
<link rel="stylesheet" type="text/css" href="styles.css"
浏览 1提问于2014-06-15得票数 0
3回答
从样式表中读取CSS属性
javascript、jquery、html、css
我尝试像这样访问css属性：
.box {
position: absolute;
background-color: red;
height: 10px;
width: 10px;
}
JS：
var height = $('.box').css('height');
我知道，上面的代码是错误的，这实际上不起作用，因为.box在DOM中不可用。
我尝试过的另一件事是：
var height = $("<span class='box'></span>").css('
浏览 0提问于2013-05-28得票数 1
5回答
计算CSS的特异性时出错
css
我正在尝试使用CSS。
这是我的代码
这是html
<html>
<head>
<meta charset="UTF-8">
<title>Sample document</title>
<link rel="stylesheet" href="style1.css">
</head>
<body>
<p id="first">
<strong class="carro
浏览 1提问于2015-07-06得票数 2
5回答
无法显示index.php内容？
云服务器、官方文档
教程配置之后，无法显示
[图片]
标题：Ubuntu 下 LNMP 环境配置 - 云服务器 - 产品文档 - 帮助与文档 - 腾讯云
地址：https://cloud.tencent.com/document/product/213/2128
浏览 879提问于2018-01-28
3回答
用javascript在头部注入css代码来动态编辑css好吗？
javascript、jquery、html、css
在头部注入CSS代码以永久设置/更改某些东西的属性是“合法的”和跨浏览器工作的吗？
例如(使用jQuery)：
$('head').append('<style>.myclass { background: #f00;}</style>');
我已经在Safari7中尝试过了，并且工作正常。
它是可以跨浏览器的，还是需要避免的黑客攻击？
有什么缺点吗？
浏览 0提问于2014-01-11得票数 3
回答已采纳
3回答
如何调试CSS代码？
css、debugging
当页面上的某些元素没有以应有的方式出现时，人们通常如何调试CSS并解决问题？现在，我不得不痛苦地逐个注释掉CSS声明，以了解样式是如何显示的。
浏览 7提问于2017-10-31得票数 4
回答已采纳
2回答
$(document).height()在刷新时随机化值(Safari5.1.10)
javascript、jquery、html、css、safari
我使用$(document).height()在块上设置height CSS属性。这是Safari5.1.10(OSX10.6.8)的一个解决办法，因为vh单元(视口高度)在这个版本上不起作用。
(function() {
if(!Modernizr.cssvhunit) $("#sidebar").css("height", $(document).height()+"px");
})();
问题是，每次刷新页面时，$(document).height()返回的值都是，而不是。有时是视图高度，有时是文档高度，有时是两者之间的值.
我使用
浏览 3提问于2015-04-08得票数 1
回答已采纳
5回答
jQuery -不能用CSS动态更改文本区域的高度！重要
javascript、jquery
我正在试图改变我的文本区域的高度。Zurb的基金会已经定义了5rem !important的高度。
现在，当我尝试用jQuery改变我的身高时，它不会改变。我试过：
$('textarea').height('500px')
$('textarea').css('height', '500px', 'important);
但什么都不管用。任何其他属性的CSS都会随.css()而改变。我能做什么?
浏览 9提问于2014-06-24得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
