标签: css

如何删除添加了.css()函数的样式?

我正在用jQuery更改CSS,我希望根据输入值删除我添加的样式:

if(color != '000000') $("body").css("background-color", color); else // remove style ?
Run Code Online (Sandbox Code Playgroud)

我怎样才能做到这一点?请注意,只要使用颜色选择器选择颜色(即鼠标在色轮上移动时),就会运行上面的一行.

第二个注意:我不能这样做css("background-color", "none")因为它将从css文件中删除默认样式.我只想删除background-colorjQuery添加的内联样式.

javascript css jquery

841
推荐指数
12
解决办法
97万
查看次数

请参阅:Chrome开发者工具中的悬停状态

我想看看:hover我在Chrome中徘徊的主播风格.在Firebug中,有一个样式下拉列表,允许我为元素选择不同的状态.我似乎无法在Chrome中找到类似内容.我错过了什么吗?

css state google-chrome hover google-chrome-devtools

833
推荐指数
5
解决办法
24万
查看次数

在后台拉伸和缩放CSS图像 - 仅限CSS

我希望我的背景图像拉伸和缩放取决于浏览器视口大小.

我已经在Stack Overflow上看到了一些关于完成这项工作的问题,例如Stretch和缩放CSS背景.它工作得很好,但我想使用background而不是使用img标签来放置图像.

在那个img标签中放置一个标签,然后用CSS我们向img标签致敬.

width:100%; height:100%;
Run Code Online (Sandbox Code Playgroud)

它有效,但这个问题有点陈旧,并指出在CSS 3中调整背景图像的大小将会很好.我试过第一个这个例子,但它对我来说没有用.

是否有一个很好的方法来做background-image声明?

css background

830
推荐指数
17
解决办法
169万
查看次数

如何仅使用CSS禁用链接?

有没有办法使用CSS禁用链接?

我有一个被调用的类,current-page并希望禁用此类的链接,以便在单击它们时不会发生任何操作.

html css

825
推荐指数
13
解决办法
115万
查看次数

如何将<div>与页面的中间(水平/宽度)对齐

我有一个设置为800pxdiv标签.当浏览器宽度大于800px时,它不应该拉伸,但它应该将它带到页面的中间.widthdiv

html css center alignment

805
推荐指数
20
解决办法
244万
查看次数

什么是"〜"(波浪/波浪/旋转)CSS选择器是什么意思?

搜索~角色并不容易.我正在查看一些CSS并找到了这个

.check:checked ~ .content {
}
Run Code Online (Sandbox Code Playgroud)

这是什么意思?

css css-selectors css3

793
推荐指数
5
解决办法
24万
查看次数

CSS 100%高度,填充/边距

这让我疯狂了好几天了,但实际上这是我在过去几年中一直存在的问题:使用HTML/CSS我怎样才能制作出具有宽度和/或宽度的元素高度是它的父元素的100%,仍然有适当的填充或边距?

所谓"适当的"我的意思是,如果我的父元素是200px高大的,我指定height = 100%padding = 5px我所期望的,我应该得到一个190px高的元素与border = 5px所有各方,很好地集中在父元素.

现在,我知道那不是标准盒子模型指定它应该如何工作(虽然我想知道为什么,确切地说......),所以明显的答案不起作用:

#myDiv {
    width: 100%
    height: 100%;
    padding: 5px;
}
Run Code Online (Sandbox Code Playgroud)

但在我看来,必须有一些方法可以为任意大小的父母可靠地产生这种效果.有谁知道完成这个(看似简单)任务的方法?

哦,为了记录,我对IE兼容性并不十分感兴趣,所以应该(希望)让事情变得更容易一些.

编辑:自从一个例子被要求,这是我能想到的最简单的一个:

<html style="height: 100%">
    <body style="height: 100%">
        <div style="background-color: black; height: 100%; padding: 25px"></div>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

接下来的挑战是让黑盒子在所有边缘都显示25像素的填充,而页面不会变得足够大以至于需要滚动条.

css

792
推荐指数
8
解决办法
32万
查看次数

如何使用CSS设置复选框的样式?

我正在尝试使用以下方式设置复选框的样式:

<input type="checkbox" style="border:2px dotted #00f;display:block;background:#ff0000;" />
Run Code Online (Sandbox Code Playgroud)

但风格并未适用.该复选框仍显示其默认样式.我如何给它指定的样式?

html css checkbox

788
推荐指数
21
解决办法
158万
查看次数

何时使用IMG与CSS背景图像?

在什么情况下使用HTML IMG标签来显示图像更合适,而不是CSS background-image,反之亦然?

因素可能包括可访问性,浏览器支持,动态内容或任何类型的技术限制或可用性原则.

html css image background-image

778
推荐指数
23
解决办法
36万
查看次数

使身体拥有100%的浏览器高度

我想让身体拥有100%的浏览器高度.我可以使用CSS吗?

我试过设置height: 100%,但它不起作用.

我想为页面设置背景颜色以填充整个浏览器窗口,但如果页面内容很少,我会在底部看到一个丑陋的白色条.

html css height

777
推荐指数
12
解决办法
83万
查看次数