让我们看一下下面的代码作为示例。
var tst;
tst = document.getElementsByClassName("tst");
tst.style.backgroundColor = "#008000";
tst.style.marginTop = "50px";
tst.innerHTML = "Testing an element.";
body {
font-size: 0px;
padding: 0px;
margin: 0px;
width: 100%;
overflow-x: hidden
浏览 2提问于2015-09-19得票数 0
2回答
我已经设置好了我的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
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
回答已采纳
我开始学习OpenStreetMap / OpenLayers API，将地图放到我的web应用程序中。虽然我必须处理映射本身，但我发现包含映射的div不会停留在我放置的位置。到目前为止，这是我的代码：
maptest.htm
<html>
<head>
<title>OpenStreetMap Test</title>
<script language="JavaScript" src="/resources/OpenLayers-2.13.1/OpenLayers.js"><
浏览 0提问于2014-04-24得票数 4
回答已采纳
1回答
我使用样式组件的时间很短。
目前，我正试图对嵌套元素执行样式覆盖，并且我很难理解自己做错了什么。
所以我的结构是。
---------------------------Form.js
import { FieldWrapper } from './FieldWrapper';
const Form = styled.form`
/** my form styles **/
`;
const StyledFieldWrapper = styled(FieldWrapper)`
/** my FieldWrapper styles **/
input
浏览 0提问于2020-06-03得票数 1
回答已采纳
我的问题的答案是：。。
但由于某些原因，它只是在选择日期后增加字体大小。但不是它显示的日历的大小。它的尺寸很小。
我能做些什么来增加它？
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http
浏览 1提问于2015-09-29得票数 0
所以我有这个项目，我想为一个网站建立一个管理面板。我使用弹出框，当您单击特殊设置时会弹出。
我希望将JavaScript代码填充到这个弹出框中，这样我就只能在所有设置中使用一个。
问题是，在使弹出框可见之前，我在弹出框中插入的html代码没有应用我想要的类的样式。
其打开方式代码：
function open_popup_box(heading, content){
$("#popup_box_heading").html(heading);
$("#popup_box_content").html(content);
$("#popup_b
浏览 2提问于2017-04-21得票数 0
回答已采纳
我希望在我的自定义样式表之后加载WooCommerce样式表，这样WooCommerce就不会覆盖我的任何定制CSS条目。为此，我在我的functions.php文件中输入了以下内容：
function theme_name_script_enqueue() {
wp_enqueue_style('bootstrapstyle', get_template_directory_uri() . '/css/bootstrap/css/bootstrap.min.css', array(), '', 'all');
w
浏览 3提问于2017-03-24得票数 2
回答已采纳
我站点通过iframe显示页面(来自远程服务器)。我没有html控制这个页面，但是我被允许在位于同一远程服务器上的JS文件中添加javascript代码(没有jquery)。
HTML
<li id='row_force_language'><label for='row_force_language'>Language</label><select id='force_language' name='force_language' >
<option val
浏览 2提问于2013-11-13得票数 0
我有一个元素，当它盘旋时会改变不透明度。在javascript的某个时候，我更改了这个元素的基本不透明度值。但是，即使我将属性更改回其原始值，:hover选择器也不再触发。
这是代码在不更改基值的情况下工作的方式：
#hover-div:hover{
opacity:1;
}
#hover-div{
background:red;
opacity:0.7;
}
<div id = 'hover-div'>
Hover on me.
</div>
正如预期的那样，div在悬停时会变得完全不透明。但是，如果
浏览 6提问于2020-08-30得票数 1
回答已采纳
1回答
我有一个像这样的应用组件：
const App = () => {
return (
<Router>
<Route exact path='/' component={Landing} />
<Route path='/login' component={Login} />
</Router>
)
}
每个组件都有自己的目录和样式表。我的文件夹结构如下：
src
|
|
Landing|
浏览 3提问于2020-09-21得票数 0
1回答
播放位于apache-royale-0.9.6-bin-js\royale-asjs\examples中的示例，我尝试更改按钮的背景或字体颜色。
因此，我找到了一个如何在js|TextButton中使用样式的例子，但我问我自己几个问题：
1)如何对j|Button做同样的事情？
2)如果我想改变循环上j|Button的颜色，该如何做(搜索“setStyle”等价)
这是完整的代码：
<js:Application
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:js
浏览 4提问于2019-09-25得票数 1
回答已采纳
3回答
我的html中有这两个元素。
<p id="fullday" hidden="true" >Full Day</p>
<input type="checkbox" id="fullday" hidden="true" name="CheckIn">
当我调用函数时，在js文件中
$('#fullday').show();
只显示<p>元素，复选框仍然隐藏。先期
浏览 2提问于2013-12-10得票数 0
回答已采纳
我使用的是focus-visible polyfill，这样可点击元素(如button )上的鼠标事件不会触发焦点轮廓。 然而，在服务器端渲染框架NextJS上，当单击按钮元素时，焦点轮廓仍然会出现。我已经在客户端框架中使用过这个库，比如create-react-app，我没有遇到任何问题。 focus-visible由_app.js页面加载 import "focus-visible";
function MyApp({ Component, pageProps }) {
return <Component {...pageProps} />;
}
ex
浏览 32提问于2020-06-24得票数 0
回答已采纳
2回答
我对棱角仍然很陌生，并且注意到如果向组件提供StyleUrls属性，它们似乎不会自动集成到styles.js中，但是只有当我将它导入到我的主样式-文件中时才会这样做。实际上，我想，这是不必要的，现在我在问自己添加StyleUrls是为了什么？！我是不是错过了一些配置或设置的东西？是因为我用得少吗？
任何建议都是非常感谢的。
干杯，汤姆
浏览 5提问于2017-10-29得票数 1
回答已采纳
1回答
出于某种原因，我的jQuery数据报警器看起来像上面的那个.我似乎想不出怎么解决这个问题。
代码(简称)：
//References
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="http://ajax.google
浏览 3提问于2011-10-19得票数 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
2回答
我正面临一些问题，在加载泡沫图表指定/所需的颜色。我尝试了POC，它工作得很好，但是当图表装载了实际的应用程序时，颜色就发生了改变，即其他一些引导css类正在覆盖指定的值，而气泡/圆圈则以黑色呈现。我在index.html中使用以下引导引用。
<!-- Bootstrap and JQuery -->
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<link rel="stylesheet" href="
浏览 7提问于2016-08-17得票数 0
回答已采纳
2回答
我正在与活跃的管理与应用程序工作，需要选择一个选择输入的多个值，我已经添加了Select2 gem添加所有相关的JS和Select2没有问题，但由于某些原因，选择框似乎稍微改变了他们的外观，但没有完整的Select2外观，经过检查，JS看起来不像它添加了所有正确的类......有什么想法吗？
下面是我的代码：
active_admin.css.scss
//= require select2
@import "active_admin/mixins";
@import "active_admin/base";
active_admin.js
//= requir
浏览 1提问于2013-05-30得票数 6
回答已采纳
在Chrome/Firefox (没有在其他浏览器中查看)中，我的鼠标单击显示了附加到:焦点选择器的属性。请参阅
a:focus {
color: black;
text-decoration: none;
}
我希望它能像默认的蓝色大纲在锚(a)标签上工作一样，只在标签焦点上工作，而不是在单击焦点上工作。
请注意，我刚刚添加了JS，这样页面就不会改变。
浏览 1提问于2015-11-18得票数 0
回答已采纳
我试着用：
资料来源: index.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
<title></title>
<link href=
浏览 7提问于2015-09-29得票数 3
回答已采纳
我正在使用highlight.js语法突出显示我的代码。目前，所有代码都根据css文件'xcode.css‘突出显示。但是，我想知道如何通过设置<pre><code>标记的lang属性来使用特定的css文件来突出显示代码？目前，只需在标题中导入一个css文件即可突出显示代码。
<link rel="stylesheet" href="js/highlight/styles/xcode.css">
<script src="js/highlight/highlight.pack.js" type=&
浏览 0提问于2012-08-28得票数 1
回答已采纳
1回答
我使用引导3.0来制作一个漂亮的侧边栏。我希望用jQuery克隆当前的一些HTML，并将其附加到页面中：
<a class="list-group-item" href="#">
<div class="list-group">
<h4 class="list-group-item-heading">Upcoming awesome</h4>
<p class="list-g
浏览 2提问于2013-10-10得票数 0
回答已采纳
我用Javascript创建了一个，在我的自定义元素中是一个类型范围的输入。现在我想把它定型，但它不起作用。
我尝试在Javascript和一个链接到我的HTML页面的外部CSS文件中设置元素的样式。我使用::-webkit-slider-thumb来设计拇指样式，因为我希望它是一个圆圈。
(function(){
const template = document.createElement("template");
template.innerHTML = `
<style>
</style>
<in
浏览 1提问于2019-07-29得票数 2
回答已采纳
一个简单的问题..。如果我有以下CSS，这是怎么回事？
li { background:red; }
li:hover { background:blue; }
使用以下JS (或类似的内容)：
document.getElementsByTagName("li")[0].style.backgroundColor="yellow";
当我悬停在列表元素上时，它们不再变成蓝色？我在Chrome和FF上都测试过这个。这里可以看到这样的例子：。有什么想法吗？
浏览 1提问于2014-01-04得票数 3
回答已采纳
使用manage.py运行服务器进行DJango 1.3本地开发
在我的应用程序目录中创建了一个名为static的目录
C:/Documents and Settings/Administrator/workspace/mysite/src/mysite/static/
将JQuery文件放入
C:\Documents and Settings\Administrator\workspace\mysite\src\mysite\static\css\custom-theme\jquery-ui-1.8.13.custom.css
C:\Documents and Settings\Admini
浏览 1提问于2011-05-29得票数 1
回答已采纳
目前，我正在努力使用ARIA标记来创建一个可访问的站点。我突然意识到，像aria-invalid这样的属性对于我的CSS目标来说是很好的选择器，而不是使用.error类。
这样做的好处是更精简、更有意义的HTML，这对我来说更容易从CSS (和JS)挂钩。尽管如此，我还没有在其他地方看到这种情况，所以我怀疑利用可访问性标记进行样式设计有其缺点。我怀疑使用无约束属性选择器会导致性能较差的CSS，但还有其他我没有考虑过的缺点吗？
浏览 3提问于2013-08-08得票数 20
回答已采纳
我在我所有的按钮上都实现了一个CSS悬停方法。它看起来是这样的：
.button:hover { background-color: #36a39c; }
这个方法工作得很好，直到我单击了我的一个按钮。单击按钮时，将使用以下代码调用JS函数：
<div id= "one"><button class="button" id = "b1" value="0" onclick="checker(this.id)"></button></div>
这是JS脚本：
va
浏览 26提问于2017-07-22得票数 0
回答已采纳
2回答
我想知道使用属性选择器而不是类选择器是否存在性能问题。
div.test {}
div[test] {}
附言:我只对CSS的性能感兴趣，而不是JS。
浏览 39提问于2014-03-09得票数 15
回答已采纳
我在其中有一个div和一个span (带有一些文本和边框)。
<div id='div1'>
<span id='span1' style='border-right: 1px black solid'>Some text</span>
</div>
我想要做的是:当我将鼠标悬停在该div上时，我想要从span中删除边框。当我移出div时，我希望边框恢复原样。
我能用CSS做到这一点吗?还是应该求助于JS/jQuery？
在此之前非常感谢。
浏览 2提问于2012-08-04得票数 2
回答已采纳
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
回答已采纳
1回答
自动完成搜索CSS样式
、、、
我已经做了一个javascript自动完成，但是我在它的CSS样式上遇到了麻烦。我应该在#关键字中包含哪些基本内容?以下是JS代码：
<script>
$(document).ready(function() {
$("#keywords").autocomplete({
source: keywordList,
minLength: 2,
});
});
</script>
浏览 1提问于2012-06-17得票数 0
回答已采纳
我正在使用timepicker.js库来挑选时间。在输入点击时，时间选择器应该显示在输入字段的旁边。如果输入在文档的主视图中，它就会像预期的那样工作。如果输入位于较低的位置(我们需要滚动才能看到它)并单击它，则在主视图页面中，时间选择器会显示在较高的位置。
预期行为：
向下滚动后输入的行为：
我希望在第二种情况下输入字段旁边也有时间选择器，就像第一种情况一样。
index.html：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8&
浏览 2提问于2020-02-29得票数 0
3回答
闪屏无法正常工作
、、、、
我正在尝试制作一个4秒后消失的闪屏。我试图通过JS将display-none类添加到splash类来实现这一点，但并未添加该类，因此仍然显示启动画面。下面是这个问题的代码：
///HTML
<div class="splash">
<img class="fade-in" src="images/pippinhop.png">
</div>
///SASS
.splash {
width: 100%;
height: 100vh;
background-color:
浏览 1提问于2021-02-06得票数 2
在我的App.js中，我有以下导入：
import React from 'react'
import './styles/App.css';
import './styles/mobile.css';
在styles/App.css中，我有：
h1 {
font-size: 4.5rem;
font-weight: 700;
margin: 20px 10px 0px 10px;
text-align: center;
color: white;
}
在styles/mobile.css中，我有：
@media screen
浏览 1提问于2022-04-09得票数 0
回答已采纳
1回答
由于没有人回答我的问题()，我又问了一次，这次包括一个CodeSandbox：
重现问题的步骤:1-为按钮更改"Login.styling.js“中的值(只是为了使react更新页面)，现在按钮是您设置的颜色。
2-刷新页面(按钮不再遵循样式)
浏览 3提问于2021-06-03得票数 0
回答已采纳
我知道从技术上讲，你不能这样做，因为内联总是需要总统。带有样式的内联元素：
element.style {
width: 185px !important;
}
然后在style.css文件中：
.something ul li {
width: 179px !important;
}
我想如果我更具体一点，也许我可以覆盖它，即使我知道这在技术上是不可能的。
另外，我不想使用JS来覆盖它。
浏览 0提问于2012-04-08得票数 1
回答已采纳
1回答
当我上下切换移动菜单，然后调整窗口大小时，我的网页菜单就消失了，尽管声明为“显示:块”。我做错了什么？
CSS:
#nav {
display: none;
}
#toggle {
background-color: #FF9;
width: 100%;
}
#toggle::after {
content: "≡";
float: right;
}
@media only screen and (min-width: 400px) {
#nav {
display: block;
}
#toggle {
display:
浏览 1提问于2015-05-29得票数 1
回答已采纳
1回答
我环顾了四周，但我找不到一个能以最干净的方式解决这个问题的问题。大多数提交的响应都通过创建一个非常专业或直接的脚本来绕过这个更具仲裁性的过程。我想反映一个灵活和有条理的页面/脚本结构。
本质上，我想在这里创建一个根据jQuery脚本增长的列表：
window.onload = function()
{
var feed = document.getElementById("feed");
//for every number between 100 and 200
for (var i = 100; i < 200; i++)
浏览 1提问于2014-07-04得票数 2
对，所以我已经为一个网站实现了一个JavaScript样式切换器(即顶部的按钮，允许用户改变每个单独页面的样式)。问题是，我们在每个页面上都有一个jQuery-ui日期选择器，而我不知道如何让它在单击按钮时也改变它的样式。我已经为它准备了.css文件( jQuery - ui -1.8.11.custom.css表示默认样式，jquery- ui -1.8.11.customLow.css表示第二种样式)，并且希望我可以直接在jQuery ui JS文件(jquery-ui-1.8.11.custom.min.js)中为它编写一个函数。所以，长话短说，谁能确切地解释一下jQuery ui JS
浏览 1提问于2011-05-03得票数 0
我一直在遵循javascript开关的Kevin示例。
我让它在我当地的项目上工作。我的问题/问题是，当我使用旧的javascript Kevin使用时，它是有效的。当我试图更新jQuery版本时，它会崩溃。如何更新此示例以使用最新的1.10.2 jQuery？
索引页面如下(相关部分)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Public Identity</title>
浏览 3提问于2013-08-28得票数 2
回答已采纳
在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
回答已采纳
2回答
我正在使用react创建可以添加到外部客户端站点的js小部件。我的捆绑器(webpack)创建我的应用程序的js文件，其中包括构建中的所有样式和资产。 我担心我可能会面临的一个问题(我还没有)是，如果我有冲突的样式表，我如何忽略它们并显式地使用我自己的。例如，我正在为我的网格布局使用bootstrap，如果客户端站点的bootstrap版本与我的应用程序中的版本不同，我如何确保只将我的样式应用于我的小部件，而不中断客户端站点上的任何样式。这有可能吗？
浏览 13提问于2019-05-02得票数 0
回答已采纳
我正在创建一个基本的表单，我发现如果不使用！重要，就不可能覆盖任何引导元素。例如，使用自定义类“自定义输入”使用具有名称输入的基本表单。
.js
<Form>
<Row>
<Col>
<Form.Group>
<Form.Control
type="name"
placeholder="First Name"
className="custom-input"
/
浏览 3提问于2019-09-22得票数 1
回答已采纳
1回答
我正在为我的项目使用datatable插件。我使用"Datatable“而不是"datatable”，因为我使用的.fnFilter函数会在"Datatable“中抛出错误。但目前我正在尝试以csv、excel、pdf等不同格式导出我的表格数据。
$(document).ready(function(){
var table= $('#testTable').dataTable({
dom: 'Bfrtip',
extend: 'collection',
text: 'Export&#
浏览 3提问于2016-11-02得票数 0
2回答
如何设置打印的字体大小时间？
、、、、
对于打印数据表，我有js代码如下：
<script type="text/javascript">
function data(divName) {
var printContents = document.getElementById(divName).innerHTML;
var originalContents = document.body.innerHTML;
document.body.innerHTML = printContents;
window.print();
document.bod
浏览 1提问于2018-01-29得票数 4
我在Dart中有Angular2应用程序(如这里- )，并从那里调用javascript (D3.js库)
问题: svg循环没有加载css
app_root.dart：
@Component(
selector: 'root',
templateUrl: 'app_root.html',
styleUrls: const ['app_root.css'],
)
class RootComp {
Future showCircle() async {
injectScript('http://d3js.org/d3.
浏览 0提问于2016-09-05得票数 1
回答已采纳
3回答
我有这个Bootstrap水平表单，但问题是标签文本不对齐。如何对齐标签文本。
<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />
</head>
<body>
<div class="container">
<
浏览 1提问于2015-08-28得票数 0
2回答
我只想把它的颜色改成#DD4814，但我不能。这是一个“分享按钮”。可能的原因是什么？
<span class='st_sharethis' st_title='<?php the_title(); ?>' st_url='<?php the_permalink() ?>' displayText='Compartir'></span>
<script type="text/javascript" src="http://w.sharethis.com
浏览 0提问于2010-12-14得票数 3
回答已采纳
我试图对不在a标记中的所有p标记进行样式化。我是这么想的：
p {
font-size: 1.25rem
}
a {
color: blue;
text-decoration: underline;
}
:not(p) a {
font-size: .75rem;
}
<div>
<p>There is a <a>link</a> inside this paragraph</p>
<a>Regular Link</a>
</div>
我怎么才能解决这个问题？您能不能
浏览 2提问于2016-10-26得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
