1回答
我有一个页面，其中应用默认文本选择CSS将background-color设置为灰色，将color设置为黑色。
现在，对于网页的一部分，我想在文本选择上保留color。我尝试通过使用color: inherit;来重写该部分的选择CSS。它适用于Chrome和Firefox，但不适用于IE和EDGE。
我创造了一个小例子来解释我的问题：
::selection {
color: #000;
background: #c6c6c6;
}
::-moz-selection {
color: #000;
background: #c6c6c6;
}
.p1 {
color:
浏览 0提问于2016-01-14得票数 5
1回答
我正在使用Wordpress的定制器，它允许我在用户使用它时提供更改的实时预览。下面的代码适用于所有链接，<a>，但我只想更改访问过的链接的颜色。这似乎应该是相当简单的，但我似乎无法实现它。我该怎么做呢？ wp.customize('link_visited_color', function(value) {
value.bind(function(to) {
$('a')
.css({
color: to
});
});
});
浏览 15提问于2019-06-29得票数 0
1回答
我有这个html代码
<article>
<div class="a">
<div class="a_b"></div>
</div>
<div class="c"></div>
</article>
我需要在div .a_b悬停时对div做一些更改我可以使用scss (或原生css)，而不使用任何javascript代码吗？
浏览 0提问于2016-12-23得票数 0
我想让下面的vue.js组件有一个透明的背景图像。我不能在样式表中使用动态背景图像属性，所以我不得不绑定到div框中的style属性。B/c这个我不能让我的背景图像变得透明。任何帮助都是非常感谢的。
<template>
<div :style="{ 'background-image': article_backdrop }" class="news-article">
<div>{{ title }}</div>
<div>by {{ author }}</
浏览 20提问于2017-07-23得票数 0
回答已采纳
我可以应用我的psuedo-class风格吗？
例如，考虑以下内容：
button {
color:#fffff;
}
button:hover {
color:#ddddd;
}
是否可以“应用”本例中的hover伪类，以便即使用户不将鼠标悬停在其上，也可以应用样式？从概念上讲，类似于：
<div class='button:hover'></div>
约束是不能复制粘贴悬停样式，也不能对其进行编辑。
有可能做到这一点吗？(顺便说一句，我也在使用SASS )
浏览 3提问于2014-04-07得票数 1
推特bootstrap.css有这样一个代码：
:-moz-placeholder {
color: #999999;
}
:-ms-input-placeholder {
color: #999999;
}
::-webkit-input-placeholder {
color: #999999;
}
这个问题是关于-webkit-input-placeholder面前的::的。为什么有两个::？这是做什么用的？
浏览 0提问于2012-08-03得票数 4
回答已采纳
我有一个有多个部分的表格。每个部分都使用Bootstrap 4验证手动验证(而不提交real表单)。这与下面的代码很好；
let eventCreationForm = $(".event-creation-form");
if (!eventCreationForm[0].checkValidity()) {
eventCreationForm.find(":submit").click();
}
但是，我只想突出显示无效的输入。即，不要高亮显示绿色的有效输入。与其为此覆盖引导样式，我还想尝试从有效输入中删除:valid伪类。但是，我找不到任何人这样做
浏览 0提问于2019-04-03得票数 10
回答已采纳
2回答
这就是问题所在：
onmouseover="imageOn(bg-index);" onmouseout="imageOff(bg-index);"
这是我在ID为table-title的table上拥有的两个属性。这些函数是远程JS文件的一部分：
if (name == 'bg-index') { document.getElementById("table-title").style.backgroundImage = "url('images/bg-index.png')"; }
...wit
浏览 0提问于2013-07-09得票数 0
回答已采纳
我正在尝试修改一个伪元素:before的"left“属性。使用JavaScript或jQuery修改任何其他元素都没有问题，但在尝试修改:before选项卡中的元素时似乎遇到了问题。
举个例子，我似乎不能将下面:before元素的left属性设置为200。
我的css：
#buttonBox {
position: absolute;
width:150px;
z-index:10;
left:298px;
top: 130px;
}
#buttonBox:before {
position: absolute;
content
浏览 0提问于2011-11-29得票数 2
1回答
使用属性值的CSS列表样式类型
、、、、
我有一些像这样的html元素
<div class="col-md-3">
<div class="olListPallette" data-numberStyle="counter(count, lower-alpha) '. '">type1</div>
</div>
<div class="col-md-3">
<div class="olListPallette" data-numberStyle='c
浏览 1提问于2014-07-17得票数 1
1回答
我尝试在每种屏幕分辨率下对齐我的部分内容完全相同我尝试使用最小宽度和最大宽度，但它不能正常工作这里是代码和工作链接是
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-wi
浏览 0提问于2014-01-27得票数 0
1回答
我想知道是否有可能在使用第一行css psuedo类时自定义样式？
我试图修改提供的.js文件，但没有成功。
谢谢你的帮助。
浏览 1提问于2010-11-11得票数 0
2回答
NavBar菜单响应
、、、、
我正在尝试用CSS/JS制作一个汉堡菜单。
我有一个导航栏(nav)菜单，在计算机中这样显示：
在Burger菜单中，当分辨率小于768 px (用于该分辨率下的平板和设备的分辨率)时，如下所示：
汉堡包菜单按钮在计算机中是隐藏的(显示:无)，但当分辨率为(>768 to )并显示出来时，我就会显示它，使用Javascript，我抓取该按钮并向其添加事件侦听器。
当我们单击汉堡包按钮时，列表菜单(元素)必须从右到左与translateX(0%)一起出现，因为我最初将列表进行了转换:translateX(-100%)以从屏幕中移出(我向主体添加了一个溢出-x:隐藏以隐藏
浏览 1提问于2021-01-25得票数 1
我有一个关于TreeTableViews及其行的问题。我已经创建了一个名为Component的对象的树形视图，并且我有3个组件类，我将命名为A、B和C。在我的项目中，B对象包含在A上，C对象包含在B对象上。我能够展示包含这3个级别组件的TreeTableView，但现在我想在此表中添加一些CSS，以便能够具有某些特性：
最重要的是，我希望A对象的大小比B对象大，C对象的大小相同，因为这个T尝试的东西是基于我在互联网上看到的：-First：
.tree-table-cell {
-fx-font-size: 11pt;
}
.tree-table-cell:sub-tree-item
浏览 54提问于2016-08-03得票数 0
如果一行上有多个内联块元素，我希望能够以不同的方式设置换行到下一行的元素的样式。
例如：
<div class='wrapper'>
<div style='display: inline-block; width: 500px'>...</div>
<div style='display: inline-block; width: 500px'>...</div>
</div>
因此，当浏览器宽度小于1000时，第二个子<div>可以具有不同的样
浏览 2提问于2016-04-30得票数 5
我正在尝试将hover effect添加到span element中，如下所示。
悬停效果不工作时，增加内部风格道具。
但是，如果它是用单独的css文件编写的，它就可以工作。
，我只想知道，为什么会这样？
App.js
import "./styles.css";
export default function App() {
return (
<div className="App">
<span
style={{
fontSize: "4em&
浏览 7提问于2022-07-15得票数 1
在css文件中，最后定义的样式优先于先前定义的样式。
但是，当使用not selector时，优先级会被打破，而带有not selector的类即使位于文件的顶部，也会获得优先权。
优先级中断背后的逻辑是什么？
<html>
<head>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
<style>
.red-with-not:no
浏览 6提问于2015-12-28得票数 6
回答已采纳
我有一个带有悬停伪类的CSS类：
.nav-collapse a:hover {
background: #DEDEDE;
border-radius: 3px;
}
我想用jQuery动态更改背景色，即访问CSS-类(..nav折叠a:悬浮)并更改背景色。我尝试了以下几种方法，但不起作用：
$(".nav-collapse a:hover").css({
"background": "#000",
"color": "#fff",
});
访问CSS类的悬停类的正确方法是什么？
浏览 5提问于2015-03-24得票数 2
回答已采纳
1回答
我注意到了很多这样的问题，但我也注意到大多数问题没有一个明确的答案。我的问题是，我的应用程序导航栏上的字体权重一直在变化。以下是两张前后的图片：
这就是它应该看起来的样子(有点)。当我点击导航栏中的一个链接时，它看起来是这样的。
这是我在Navbar外点击的时候：
你可以看到，字体的重量下降到了表面上的100。以下是我尝试过的：
在我的html文件中导入了包含所有权重的Google字体中的Lato，但是语义用户界面CSS仍然取消了它。
我尝试添加更多的CSS来直接覆盖其他css (您可以通过检查标题“JOBTME”来看到这一点。实际上，当我删除最后一堂课时，情况会更好。其他试图重写的尝
浏览 5提问于2021-02-10得票数 0
回答已采纳
2回答
有关加载类和选择器的问题
、、、
我对jQuery非常熟悉，所以我确信这是一个明显的错误--但它还是让我感到困惑。我试着制作一个非常简单的导航条，从500 it向下移动到页面顶部的绝对位置。
问题:当我使用导航栏的div ID和#navbar的选择器时，我似乎无法让js找到导航条。
这是js：
$(document).ready(function () {
$(window).bind('scroll', function () {
var scrollDepth = 500;
if ($(window).scrollTop() > scrollDepth) {
浏览 1提问于2014-05-21得票数 3
回答已采纳
3回答
在看了之后，我想知道如何做相反的事情。
我已经为我想要创建的按钮创建了一个主类，我将通过myButton.style.backgroundImage为每个按钮设置不同的背景。但然后我还需要设置和个人背景:悬停每个不同的按钮，我有。
如何通过Javascript访问:hover伪类来添加特定的背景？
提前感谢
浏览 2提问于2012-12-04得票数 0
回答已采纳
1回答
我做了3个工具提示有一个不同的颜色与js的数据切换如下
<span class="tooltipjs" data-toggle="sin-datos" data-placement="right" data-original-title="some text">A</span>
$('[data-toggle="sin-datos"]').hover(function(){
$('.tooltip-inner').css('backgrou
浏览 2提问于2020-07-02得票数 1
回答已采纳
4回答
为了简单起见，这个例子只是说明了我需要做什么。假设我有一个元素，它的样式是在CSS中设置的。样式是为元素和伪类设置的，比如element:hover。我可以用下面的JavaScript覆盖元素的样式: element.style.setProperty('property-name'，'new value'，'')。如何通过JavaScript更改伪类的样式？
谢谢。
<html>
<head>
<style type='text/css'>
#myBtn
浏览 0提问于2011-06-20得票数 12
回答已采纳
是否可以用:active检索jQuery状态的CSS？我问这个问题的原因是因为我试图生成动态代码，所以在对元素进行样式化时不必总是调整jQuery。
编辑
详细说明一下，我不想使用.addClass()或.removeClass()，因为对于每个受jQuery代码影响的元素，类可能不是相同的。
编辑2
让我进一步解释一下我想做什么。
我试图创建一个插件供我自己使用，而不是每次我有一个会受到插件影响的新元素时都要修改代码，我希望它能够抓住CSS中已经存在的内容，这样我就不用浪费时间了。我想要做的是创建一个具有:active状态的按钮，当用户单击该按钮时，它将“冻结”到该状态(我的想法是从该状态获
浏览 5提问于2013-04-21得票数 0
回答已采纳
1回答
我正在使用Next.js、React、样式JSX和Postcss (如果这一点重要的话)。我需要为特定页面设置导入组件的样式。由于样式表是在呈现时为特定组件创建的，所以我想我可以将组件的自定义样式与页面特定的资源放在一起并传递它们。但我得到了以下错误：
Expected a template literal or String literal as the child of the JSX Style tag (eg: <style jsx>{`some css`}</style>), but got MemberExpression
我在两个单独的目录和文件中呈现了两
浏览 2提问于2019-10-17得票数 0
怎么样才能使鼠标悬停在a标签时使另一个已经使用display而隐藏的div重新显现出来？？？麻烦大家了，帮忙解答一下吧
<div id="father0">
<div id="father1">
<ul>
<li>购物车</li>
<li class="split">|</li>
浏览 544提问于2020-09-20
3回答
我想不是因为这不管用吧：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" >
$("p:aft
浏览 0提问于2012-02-08得票数 6
回答已采纳
假设我必须遵循html：
<div class='row'>
<div class='cell'>
<span class='image'> </span>
Image Cell
</div>
<div class='cell'>
Regular Cell
</div>
</div>
是否可以明确地选择包含span元素的div，而不将span元素作为其第一个子元素的div单元呢？试着在没
浏览 1提问于2013-09-06得票数 0
回答已采纳
1回答
页面底部有一个线性梯度，这是由body:before设置的。现在，当我向下滚动页面时，我希望75%的颜色停止变化，所以下面有js/jquery代码。我不认为$("body:before")有效，所以我如何解决这个问题，所以当我向下滚动时，颜色停止也会逐渐上升。
html, body {
width: 100%;
height: 100%;
margin: 0px;
}
body:before {
content:'';
position: fixed;
top: 0;
bottom: 0;
wid
浏览 0提问于2019-08-08得票数 0
回答已采纳
3回答
我不得不以编程的方式为一个:before设置div的宽度。
<div className="something" style={someStyle}> </div>
如何定义someStyle，以便:before of .something``div的宽度可以相应地改变？？
浏览 9提问于2014-09-27得票数 7
回答已采纳
在添加它之前，我的部署很好...我将以下代码添加到routes.rb中，在开发中运行良好，但在远程服务器w Capistrano上再次部署时，部署失败：
routes.rb
Workshop::Application.routes.draw do
if Rails.env.production?
offline = Rack::Offline.configure :cache_interval => 120 do
cache ActionController::Base.helpers.asset_path("applic
浏览 1提问于2013-01-26得票数 0
1回答
我是一个编程的初学者，这是我的第一篇文章。
我可以制作我喜欢的链接按钮，但有一件事除外，那就是我需要不断地按下鼠标才能得到想要的效果。我的意思是，如果我取消点击它，所有的效果都会回来，这不是我想要的。我想停止效果，并跳转到一个链接的网站。我希望通过点击产生的效果完成并稳定下来。
我认为修复它的简单方法是使用JQuery添加一个.active类，然而，伪元素不能被JQuery选择，而且对我来说似乎真的很复杂。我只想让"ul li:before，ul li:after，ul li .fa“拥有.active，而不希望像"ul li .fa”这样的其他元素拥有.active。
我为我
浏览 13提问于2017-12-28得票数 0
回答已采纳
MWE https://codesandbox.io/s/slider-example-ev250?file=/src/App.js 问题 我正在尝试创建一个具有自定义外观的<input type='range'>样式组件： const SliderInput = styled.input.attrs((props) => {
const val = Number(props.value ?? 0);
const min = Number(props.min ?? 0);
const max = Number(props.max ?? 1);
浏览 47提问于2021-08-23得票数 0
我的网页上有一个样式，它使用body：：the来设置图像。我想在页面加载后用jQuery更改这个图像。我试过这样做，但没有成功。
$('body::before').css('background-image','image.jpg')
以下是我的简单html：
<html lang="en">
<head>
<meta charset="UTF-8" />
<script src="lib/jquery.min.js" type=
浏览 0提问于2019-06-23得票数 0
回答已采纳
1回答
我已经使用角度CLI生成了一个新的组件，它给了我一个HTML文件、CSS文件和一个类型记录文件。在类型记录文件中，我生成一些HTML (两个div)来包装由JS文件生成的一些tweet。
ngOnInit() {
var config = {
"id": '605465000484982784',
"domId": '',
"maxTweets": 3,
"enableLinks": true,
"showUser"
浏览 0提问于2018-02-27得票数 4
回答已采纳
2回答
所以我有一个问题，我让所有的东西都按我想要的那样工作，但是我不知道如何让文本"Profil“看起来像标准的Bootstrap nav-item？参考"Zahlungen“。
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../mainStyle.css">
<link rel="style
浏览 0提问于2019-05-18得票数 0
我有一个CSS媒体查询/ flexbox样式，在导航div达到最大宽度768px后，它会分配一个"display: none“给导航div。使用Javascript，一旦我的汉堡按钮被按下，我就可以使用if/else语句来切换显示："block“和"none”。
然而，痛点是，一旦我将它切换到“显示:无”，一旦屏幕超过指定的宽度，导航栏就消失了；汉堡菜单只在较小的宽度尺寸下出现。
它看起来像切换永久分配“显示:无”给它。如何在不点击汉堡包按钮的情况下将"display: none“移回"display: block”？
const burgerBar
浏览 3提问于2021-06-04得票数 0
我最近发现了组件，它允许将普通HTML表的行排序。关于一个小例子，请参阅。
我试图了解如何创建表头中的排序指示符(上下箭头)。
tablesort.js使用的CSS非常小，不包含任何背景图像。此外，查看javascript代码和使用浏览器的开发工具也无助于理解如何创建指示符。
有人能解释一下这些指标是如何创建的吗？
下面是tablesort.js使用的CSS：
th.sort-header {
cursor:pointer;
}
th.sort-header::-moz-selection,
th.sort-header::selection {
background:trans
浏览 4提问于2014-05-08得票数 0
回答已采纳
我有一个.css样式表，它的输入类型按钮的样式如下所示。
input[type="submit"]
input[type="submit"]:hover
input[type="submit"]:focus
以上三种方法都有效，但input[type="submit"]:select不起作用。我甚至试过:selected。:visited、:link等是否适用于<input type="button" />和<input type="submit" />
请告诉我如何让inp
浏览 3提问于2012-06-08得票数 1
1回答
我需要一种更好的方法来做下面的事情。10行之后的性能就会降级为不可用。在100+，浏览器就会被锁死。
这是一个内部网ie8环境，因此它必须在ie8中工作。
$('table.vgrid tr.xodd').hover(
function(){
$(this).removeClass('xodd');
$(this).addClass('rowhover');
}
,
function(){
if ($(this).
浏览 1提问于2013-03-05得票数 0
回答已采纳
我想删除firefox中输入按钮上难看的焦点轮廓。我尝试在我的html中添加::-moz-focus-inner {border:0;}作为样式，它最初起作用，但在通过javascript重新创建按钮元素时不起作用。
我试过：
cell.style.mozFocusInner.border = "0";
cell.style["-moz-focus-inner"] = "{border:0}";
cell.style["-moz-focus-inner"]["border"] = "0";
等。
一
浏览 0提问于2016-04-03得票数 0
回答已采纳
2回答
我正在使用Zend Framework，并且我有一个带有我定义的样式的表单输入按钮。一旦按钮被按下，我需要替换主数据主题。
我的想法是这样的：
$this->form->go->setAttrib("onclick", "this.data-theme='new_theme'");
。。但不起作用。
有什么想法吗？谢谢!
浏览 0提问于2011-12-16得票数 0
回答已采纳
1回答
我现在的css文件中有这样的内容：
a:active {
color: purple;
}
p {
color: pink;
}
现在我只想把它合并到HTML中。
因为这很简单，我只想
<p style = "color: pink">Foo</p>
我的问题是如何将伪类合并到实际的html中。
浏览 0提问于2016-07-25得票数 1
回答已采纳
10回答
我正在使用内联CSS (即style属性中的CSS )制作一个HTML电子邮件签名，我很好奇是否可以使用:before和:after伪元素。
如果是这样的话，我该如何用内联CSS实现这样的东西呢？
td { text-align: justify; }
td:after { content: ""; display: inline-block; width: 100%; }
浏览 4提问于2013-01-03得票数 169
我有一个HTML片段，它是表单的一部分，其中有两个输入。通过CSS，我已经设法将与每个输入相关联的标签放在相应的输入中，作为占位符。
现在，使用一些标准的JS (恐怕不是JQuery )，我想捕获用户在输入上所做的事件(例如，点击鼠标或按下键盘)，并动态地改变标签的外观。
我需要满足的条件是：
当用户第一次点击输入时。标签的颜色变成了浅灰色。单击后，如果用户随后输入一个字符，则标签将消失，而显示您刚刚按下的字符。
当用户第一次点击输入时。标签的颜色变成了浅灰色。单击后，如果用户随后单击或Tab键离开输入，标签颜色将更改回其原始的黑色状态。
在输入几个字符后，如果用户决定通过按backspac
浏览 0提问于2012-01-12得票数 0
回答已采纳
2回答
可以在CSS中更改我的组合框的设计吗？
我已经改变了组合的设计，但当我在下拉列表中点击它时，会看到丑陋的滚动条，我能以某种方式改变他吗？我不使用JavaScript，只使用CSS。
这是我的CSS和HTML：
.dropDownList {
background: white;
width: 300px;
line-height: 1;
border: 1px;
border-color: whitesmoke;
border-radius: 4px;
-webkit-appearance: none;
background: u
浏览 0提问于2013-02-21得票数 2
4回答
有:链接的奇怪之处
、、、
我的HTML：
<a href="http://google.fr">Google</a><br>
<a href="http://wikipedia.org">Wikipedia</a>
CSS：
a:link {
text-decoration: none
}
我只会样式未访问的链接(逻辑上，a:链接样式未访问的链接)，但即使访问链接失去下划线。为什么？
更新: JSFiddle：
浏览 2提问于2014-06-11得票数 2
回答已采纳
1回答
我希望我的应用程序的按钮只有在我悬停在它们上面时才是绿色的。目前，在我单击其中一个之后，它们是绿色的，直到我单击其他东西。
例如，此按钮在单击它之后和单击其他位置之前是绿色的。
这个效果叫什么名字？
我现在正在查看我的css文件，试图找到这种效果，并将其替换为hover，以便只有当我将鼠标悬停在按钮上时，按钮才会显示为绿色。
浏览 2提问于2016-04-18得票数 0
我正在做一个时间线洗涤器，在这里我有一个标记，它用a ::after元素左右拖动。我需要能够根据存在的层数来设置行的高度，但我不知道如何访问DOM元素。我已经做了一些搜索，虽然有一些解决方案添加元素到身体，这将很快变得笨拙和混乱，而不是简单地修改css直接。
我在这里有一个演示：
为了简单起见，我将其简化为在拖动滑块时尝试访问高度。虽然这是使用jQuery的，但我当然可以使用任何其他使用普通JS的解决方案。
$(".scrubber-icon").draggable({
axis: 'x',
containment: "parent&#
浏览 5提问于2017-01-24得票数 1
回答已采纳
3回答
我通过从DB获取数据并使用模板引擎(胡子)来动态填充ul，如下所示：
var template = '<ul class="myList"> {{#.}} ' +
'<li class="Foo" ' +
'style="background-color: {{thisItemsColor}};>" ' +
'{{someData}}' +
'</li> ' +
'{{/.}} &l
浏览 1提问于2014-06-23得票数 5
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
