Javascript如何改变input:checked的CSS属性
CSS
.switch-field input:checked + label {
background-color: #018786;
color:white;
box-shadow: none;
}
我想改变它的背景颜色-
JS
document.getElementsByClassName("switch-field input:checked")[0].style.background= #4400ff;
如何用“输入检查”来锁定特定的“类”？
浏览 36提问于2022-06-30得票数 0
回答已采纳
我想使用React来改变headerInside元素的不透明度。
我想出了这个主意，但用的是香草JS。
如何用反应钩来写它呢？
const menuHandler = () => {
const element = document.querySelector('.headerInside');
if (element.style.opacity === "1") {
element.style.opacity = "0";
} else {
element.style.opacity = "1&#
浏览 0提问于2021-06-30得票数 0
回答已采纳
1回答
如何始终删除特定元素的内联样式？
我使用此代码删除我的样式：
jQuery('.myelement').removeAttr('style');
但是它不起作用，可能是因为另一个js代码在我的代码之后添加了内联样式来删除它。在调用我的文件之后，没有.js文件。
我知道我可以从照片插件编辑.js文件，但如果我更新插件，我将失去我的改变。
我如何用jQuery写一些东西来告诉这个元素，永远不会有内联样式？
浏览 1提问于2016-11-10得票数 0
我有webpacker为基本的vue.js/rails应用程序工作，但我想配置它，以便将手写笔文件编译成css，这样我就可以使用Vuetify了。有人知道怎么做吗？我现有的独立工作平台vuetify/vue.js应用程序有以下webpack配置：
module: {
loaders: [
{
test: /\.vue$/,
loader: 'vue'
},
{
test: /\.s[a|c]ss$/,
loader: 'style!css!sass'
}
]
},
vue: {
loaders: {
浏览 5提问于2017-11-23得票数 6
我们正在测试ReactNative应用程序的代码推送实现，以推动js更新。
所做的改变：
创建应用程序中心登录，并连接到github回购。
使用cmd从我的react本机项目中部署CodePush
appcenter codepush release-react -a chandrasekarg/ReactNativeCodePush -d Staging
修改后的app.js文件如下
import React, {Component} from 'react';
import {Platform, StyleSheet, Text, Vie
浏览 1提问于2018-10-24得票数 1
2回答
我正在创建Wordpress插件，并开始处理一些js文件。为了在js文件中使用php，我使用php header("Content-type: text/javascript")并开始在底部插入其余的javascript代码。当我尝试使用WP_PLUGIN_URL时，它告诉我没有定义。如何用这种方式定义WP_PLUGIN_URL？
Myscript.js原来是myscript.php。
<?php
header("Content-type: text/javascript");
$bigStarsPath = WP_PLUGIN_URL.'/h
浏览 4提问于2014-02-26得票数 0
回答已采纳
我有这个元素，它代表了一个硬币在我的连接四个游戏，然而，我想改变的背景颜色的硬币使用内联造型在JS。是否可以将CSS格式转换为内联js样式？我试过使用getAttribute，但不认为我使用的是正确的。任何建议都会有帮助。
style.css：
.piece{
border-radius: 50%;
background-color: red;
flex-grow: 1;
margin: 5%;
}
.piece[data-placed = "false"]{
transform: translateY(-10vmin);
}
.piece[data-pl
浏览 5提问于2022-11-20得票数 0
2回答
我想移除id=decoratives / Interior中的元素，但是它不能工作。
如果它不能工作，因为特殊的字符，那么我如何用空格改变/？
$(".remove").on("click", function(e) {
e.preventDefault();
var category = $(this).data("cat");
$('#' + category.replace(/\s/g, '')).remove();
});
<script src="https://ajax.g
浏览 2提问于2016-11-09得票数 3
回答已采纳
1回答
如何用VueJS更改标记的属性？我正在尝试制作一个只有一个页面的应用程序，它的背景每次从后端获取数据时都会发生变化。我试过使用v-bind:style和v-style，但最后都“破坏”了Vue。有没有一种方法可以像在本地JS中那样编写一个改变DOM的方法？我也尝试过实现document.getElementbyId等等，但它也破坏了VueJS。
换句话说，我如何做背景图像：{{pic_url}}；
抱歉，格式化，在手机上。
浏览 1提问于2016-03-04得票数 6
回答已采纳
1回答
我不知道如何用图像来改变TabBar的背景(我试图改变TabBar的背景，而不是用图像来改变TabBar图标)，我试图为我的TabBar设置一个背景，比如右边的程序的TabBar
浏览 2提问于2022-01-31得票数 2
回答已采纳
如何用useEffect改变鼠标悬停的按钮图标？
<Button
style={{ backgroundColor: "transparent" }}
type="primary"
icon={<img src={plusCart} />}
onClick={addToBasket}
/>
浏览 2提问于2022-02-04得票数 0
回答已采纳
1回答
我在Webstorm (2018.3)中创建了一个空白项目，并创建了以下文件结构： .
+--css
| +--style.css
+--view
+--index.html 然后，我将这段代码添加到index.html的头部 <link rel="stylesheet" type="text/css" href="/src/css/style.css"> 现在，代码检查认为这是正确的，并且确实是从项目根开始的路径。但是，Webstorm不会从该路径提供style.css，如果我尝试使用它，会出现MIME验证错误。 Refu
浏览 88提问于2019-02-20得票数 0
回答已采纳
我使用Angular.js来改变背景的身体点击一个按钮。一切看起来都很好，但仍然没有运行程序。
HTML：
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
</head>
<body data-ng-app="" data-ng-style="alpha">
<button data-ng-click=&#
浏览 0提问于2016-01-22得票数 0
回答已采纳
4回答
我想做一个按钮，当它被点击，我的网页背景色改变。我已经尝试过与Javascript & Css，但没有成功！这是我的密码：
<!DOCTYPE html>
<html>
<head>
<title>
Test
</title>
<style>
.bgcolor1{
background-color:black;
}
.bgcolor2{
ba
浏览 0提问于2015-10-24得票数 0
回答已采纳
我见过很多这样的例子，但是没有一个能给出如何用php echo改变'buynow‘的答案。htlm代码
<button id="pn4" class="paynow-button"
data-business="example@gmail.com"
data-item_name="PayNow Plugin"
data-amount="150"
data-quantity="1"
data-currenc
浏览 0提问于2015-09-28得票数 0
2回答
我正在尝试创建我的第一个铬插件，当用户点击新的选项卡按钮时，它将打开带有随机图片的Google页面。到目前为止，我还不太确定，如何用随机图片改变谷歌搜索页面的背景。有谷歌提供的api吗？就像我在谷歌上搜索的那样，之前谷歌有“改变背景图像”的图标，但现在他们停止了这种支持。在这里，我如何将谷歌搜索页面的背景更改为不同的颜色或背景图片。我尝试使用以下js，code.Please建议或将我重定向到正确的approach.Any帮助将不胜感激。
window.open("http://www.google.com", "_self");
window.onload =
浏览 5提问于2016-01-21得票数 1
回答已采纳
1回答
我在div中有四个元素的一个作用域变量。当我更改该变量时，它会影响包含该变量的所有四个元素。我是angular js的初学者，不能单独处理它。
下面是一个更好地解释的例子：
JS：
/* controller-home.js ********************************************************/
app.controller("homeController", function($scope, $http, $state) {
$scope.heading = "SWITCHES";
$scope.bu
浏览 0提问于2018-02-06得票数 0
<MapView style={styles.map}
showsUserLocation = {true}
>
如何在Android系统中对地图进行中心定位？
如何用其他用户位置标记改变这个蓝色圆圈？
浏览 4提问于2017-12-05得票数 2
1回答
我想改变我的网站WordPress主题从光到黑暗模式。我想使用JS让它变得更快更容易。我的问题是，如何用白色取代黑色文本颜色，用深色取代白色背景颜色？
我不能向类添加标记，因为我正在为WordPress使用元素。
我已经有了将白色背景转换成黑色背景的代码，但是我如何才能对字体也这样做呢？
(function () {
if (window.getComputedStyle(document.body, null).getPropertyValue("background-color") == "rgb(255, 255, 255)") {
浏览 11提问于2022-09-15得票数 0
1回答
如何用D3.js动态地改变直线插值？
也就是说，为什么下面D3.js示例中的“Toggle”按钮不更新插值，以及如何修复它？
<!DOCTYPE html>
<head>
<script type="text/javascript" src="http://d3js.org/d3.v2.js"></script>
<style>
svg {width: 200px; height: 200px; border: 1px solid gray;}
.line
浏览 3提问于2014-05-22得票数 1
回答已采纳
$('. element').css ({
'transform' : 'translate(blah blah);'
});
与我知道如何用JavaScript更改css的唯一方式相比，我喜欢这种组织方式。
Element.style.color='red';
我对JavaScript非常陌生，所以除了非常基本的东西之外，我从来没有做过太多的改变css的工作。我只想知道您如何用普通的JavaScript编写上面的jQuery
谢谢
浏览 0提问于2018-09-25得票数 1
示例：
<div class="test"><img src="test.jpg" style="display:none;" /></div>
如何用javascript改变这一点，我在css中知道：
.test img {display:block;}
但在javascript中，我只知道：
document.getElementById("test").style.display="block";
这显然是整个div标签，而不是img。
浏览 0提问于2011-11-24得票数 1
回答已采纳
1回答
我有下面的代码，用于创建一个barplot：
barplot(table(data$r_difficulty), ylab = "count", xlab = "r_difficulty")
我想知道如何用这个代码改变填充和颜色。
浏览 8提问于2022-04-04得票数 2
我想改变我的按钮的背景色。到目前为止，这是我的代码：
<script>
function setColor(btn) {
var property = document.getElementById(btn);
if (property.style.backgroundColor == "rgb(127, 255, 0)") {
property.style.backgroundColor = "rgb(255, 0, 0)"
}
else if(property.style.backgroundC
浏览 6提问于2015-02-19得票数 1
回答已采纳
2回答
我需要完成一个没有使用CSS的网站。
每件事都是正确的，但我不知道如何用纯JS来改变我的字体--家庭版。
有人知道如何只使用JS导入字体吗？
谢谢!
浏览 2提问于2016-09-26得票数 9
回答已采纳
1回答
我想用jQuery隐藏youtube播放器的右菜单
$('iframe').contents().find
这是，但它不起作用
如何用<ul class="html5-context-menu yt-uix-button-menu"改变style z-index:10
浏览 2提问于2015-05-23得票数 0
回答已采纳
让我们看一下下面的代码作为示例。
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
1回答
我试图在python (蓝色边框)中更改ttk.Entry小部件的焦点颜色：
我知道我们可以用style.configure('Tab', focuscolor='red')改变笔记本标签的焦点颜色，所以我想知道如何用一个条目小部件来实现它？
这是我的代码：
import tkinter
from tkinter import ttk
root = tkinter.Tk()
style = ttk.Style()
style.theme_use('clam')
style.configure('TEntry', fo
浏览 3提问于2022-03-14得票数 1
回答已采纳
我想用js关闭电子应用程序。
"electron": "^13.1.7"
我仔细阅读了这些问题：
但这些都不适合我。
以下所有测试都是基于的
根据以上问题的答案，我得到了以下代码：
index.html
<body>
<button id="close-app">
close
</button>
<script src="./renderer.js"></script>
</bo
浏览 2提问于2021-07-22得票数 0
回答已采纳
我正在尝试找出在Reagent和Hiccup中如何用占用所有可用空间的元素来制作元素。因此，我将得到一个resize parent :component- So mount回调。
(defn chart [id col-width row-height]
(let [dimensions (atom {})]
(reagent/create-class
{:component-did-mount
(fn [e]
(let [thisComponent (aget (js/document.querySelector ".app&#
浏览 21提问于2018-02-13得票数 1
回答已采纳
我的Elm构建命令生成一个版本化/校验和的JS文件，它看起来像main.[checksum].js。我如何用shake处理这个问题(具体地说，我不知道如何为此编写want声明，因为文件名每次都会改变)。
浏览 6提问于2020-06-03得票数 1
2回答
如何用函数绘图更改行的颜色，我使用了以下代码来绘制一行：
imshow(fnnMiddleLine)
hold on
plot([TLx , BRx ],[TLy ,BRy],'-', 'MarkerEdgeColor' , 'k' ,'MarkerFaceColor' , 'y')
hold off
但它总是与蓝线，即使当我改变值为其他颜色。我试过很多次了，但是我找不到答案.请任何帮助..。
浏览 5提问于2014-03-31得票数 0
回答已采纳
3回答
我刚开始学习如何用JQuery改变类。在我的示例中，六边形改变了DOM中的类，但没有应用CSS。我漏掉了什么明显的东西吗？
谢谢您抽时间见我!
$('#hexagon1').click(function() {
$(this).removeClass("unclicked");
$(this).addClass("clicked");
});
$('#hexagon2').click(function() {
$(this).removeClass("unclicked");
$(this).
浏览 4提问于2021-01-12得票数 3
回答已采纳
1回答
当我在Firefox的选择框中选择一个或多个选项时，所选选项的背景将是蓝色的。但是我如何用CSS或JS改变这个背景色呢？
有什么想法吗？
浏览 4提问于2014-12-09得票数 1
1回答
我正试着用Ionic装载OL地图。当我用“离子服务”加载它时，地图在浏览器中加载得很好。问题是，当我在移动中加载地图时，地图质量会变得非常低。当地图容器改变了大小，并且地图不再加载时，这在我身上发生过一次。在这个web应用程序中，我应用了一个函数，在容器改变它的大小后重新分配地图，这样我就修复了它：
$('#containerMap').on('change', function () {
setTimeout(function(){ map.updateSize(); }, 500);
});
我试图在home.ts页面中应用相同的函数，但没有成功。经过一
浏览 1提问于2019-04-10得票数 0
回答已采纳
我正试图在这个的帮助下创建本机的向导表单。但是handleSubmit不起作用。
Signup.js
submitForm(values){
console.log("formValues",values);
}
nextPage(){
this.setState({ page: this.state.page + 1 });
}
render(){
const { page } = this.state;
{page === 1 && <WizardFormFirstPage nextPage={this.nextPage} />}
浏览 7提问于2017-09-20得票数 1
4回答
我有一个HTML按钮，当用户单击它时，我希望它闪烁。在眨眼期间，它的颜色应该变成绿色，当它的眨眼结束时，我希望它变成默认的颜色，我使用下面的javascript代码强制它眨眼并改变它的颜色，但是问题是我不能设置默认的颜色。如果在这些代码之后使用document.getElementById("reset").style.backgroundColor = '';，按钮的颜色不会改变，如何用javascript设置默认颜色？
$("#reset").fadeTo(200, 0.1).fadeTo(400, 1.0);
document.getEle
浏览 2提问于2014-04-23得票数 1
回答已采纳
我知道这并不是角的范例，但我确实需要做以下几点：
<div ng-click="this.style.opacity=0;">click/hide me</div>
但是，this是不被识别的，当我单击元素(不使用ngClass !)时，如何用javascript内联指令改变不透明度！
浏览 5提问于2015-05-26得票数 0
这个问题是关于vue.js的，它运行在一个使用了webpack配置的样板上。
我需要动态地将sass变量从组件father传递到组件son (为了简化命名)。
在组件样式上，我可以从father标签访问$color变量。我使用这个html模板调用son组件：
// father component
<template>
<son></son>
</template>
<style lang='sass' scoped>
@import 'assets/sa
浏览 0提问于2017-05-09得票数 1
4回答
<div width="30%" height="60%" class="data-list aws-prio-h" style="cursor:pointer;" value="3087"></div>
<div width="30%" height="60%" class="data-list aws-prio-h" style="cursor:pointer;" value="3088"><
浏览 9提问于2016-11-24得票数 0
回答已采纳
1回答
版本6.2试图实现Foundation6的Sticky菜单，与文档中所述的完全相同，但我无法输入它。有什么明显的事我错过了吗？
<div style="height:9999999px">
<div style="width:100%" data-sticky-container>
<div class="title-bar" data-sticky data-options="marginTop:0;" style="width:100%" data-top
浏览 2提问于2016-04-18得票数 1
回答已采纳
1回答
我有一个元素列表，但是我只想显示其中一些元素，所以我使用下面的代码
[style.display]="!student.selected?'none':'block'"
但是当我检查元素时，我可以看到它们，所以我的问题是如何用安全的东西来改变它？
浏览 1提问于2018-09-11得票数 1
回答已采纳
2回答
我有个问题，
htmltext = [NSString stringWithFormat:@"<style>width:100%"
并且百分比(%)有一个警告:无效的转换说明符“”
我们是如何用obj c写百分比的，也就是我在webview上写的。
谢谢!
浏览 2提问于2015-01-07得票数 0
回答已采纳
通过遵循本教程，我试图使我们的列表视图成为手风琴：
-
我遵循了教程：
创建自定义列表，向列表中添加新列：
名称:描述
类型:多行文本
编辑默认的新表单
转到列表视图web部件属性，并将JSLink文件(~sitec管段/Style Library/JSLink-Sample/Accordion.js)添加到杂项Tab下的JS链接属性中。单击Apply。
-
没有什么改变，所以我在那个页面中添加了一个脚本编辑器并粘贴了js代码。那它就起作用了。
我做错什么了吗？谢谢!
浏览 5提问于2014-12-17得票数 2
回答已采纳
1回答
如何使用PHP文件上传器？
、、、、
我正在尝试实现Blueimp jQuery文件上传器，并且在我基于PHP的站点上让它工作的时间令人沮丧。
我的主要问题是AJAX。我想做的是上传之后，
它会重定向到(比方说) abc.php。
上传后(在重定向页面之前)，我想将文件名保存到MySQL数据库中。
我知道如何用PHP处理数据库，但不知道在哪里不能放置PHP代码。
对于第一个问题，我想我需要改变main.js
$(function () {
'use strict';
// Initialize the jQuery File Upload widget:
$('#fileupload&#
浏览 4提问于2012-07-12得票数 1
我正在使用table2excel.js导出超文本标记语言到Excel，它工作得很好。我想根据情况改变行或列的颜色。有可能吗？
<table id="ExcelTable" style="text-align: left;display:none">
<tr class="rpthide">
<td class="Supplier" style="font-size:14px;"></td>
<td class=&#
浏览 74提问于2017-03-13得票数 1
我有我的项目的css和scss文件，我想用本地存储更改我的页面的颜色主题。
这是css文件
:root {
--footerQuotesColor : yellow;
}
[data-theme="Light"] {
--footerQuotesColor : red;
}
[data-theme="IGS"] {
--footerQuotesColor : blue;
}
.footer-quotesColor {
color: var(--footerQuotesColor);
}
Scss文件
$footerQuotesCo
浏览 3提问于2020-11-22得票数 0
5回答
我想要更改span中的文本。但是span没有类，父div也没有id。我不能更改它不在我手中的html。那么我如何用js改变span的文本呢？ <div class="mobilMenuAcButton">
<span>MENU</span>
<i class="fal fa-bars"></i>
</div>
浏览 37提问于2021-09-02得票数 0
2回答
我有一个材料UI RaisedButton，我想改变背景色。
我有这个：
const style = {
backgroundColor: 'green'
};
export default class CreateLinksave extends React.Component {
<RaisedButton
label="Continue"
style={style}/>
}
但是当我刷新页面时，材质ui风格仍然存在，那么我如何才能覆盖这个样式呢？
第二个问题是，如何避免内联样式？我正在考虑用我的组件所需的样式创建一个带有常
浏览 7提问于2017-11-10得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
