草庐IT

原子样式

全部标签

javascript - 如何在 :focus? 上正确设置 Select2 轮廓的样式

我正在使用Select2设计我的框,但我似乎无法设置Chrome应用于样式的强制轮廓的样式:问题:我已经尝试了几行(非常不专业,!important)CSS代码,但到目前为止我还没有想出解决方案,这就是我现在的情况:CSS:.select2>*:focus,.select2:focus.select2>*,.select2{outline-width:0px!important;}为了排除潜在问题,我肯定会在我的常规select2.css之后包含这个CSS文件此外,fiddle会有问题,但如果确实需要,我可以提供一个 最佳答案 这似

javascript - 如何自定义 Ant.design 样式

谁知道如何正确自定义Ant.design样式?例如,我想更改页眉部分的默认背景颜色和高度:importReact,{Component}from'react';import{Form,Layout}from'antd';const{Header,Footer,Sider,Content}=Layout;exportdefaultclassLoginextendsComponent{render(){return(headermaincontentfooter)}}可以吗,或者有更好的方法自定义样式?因为我没有找到一些组件的属性或smth。像这样。 最佳答案

javascript - CSS 样式未应用于 Internet Explorer 7 中的动态元素

当我们在IE7中使用Javascript渲染动态元素时,CSS样式不会被应用。当我们使用WebDeveloper工具栏查看页面时,动态元素不会出现。页面在Firefox、Chrome和Safari中呈现良好。IE7是否无法将CSS样式应用于动态创建的元素?IE8正确呈现动态元素。这个问题适用于IE8,因为我们使用元标记强制IE8在IE7模式下呈现。谢谢! 最佳答案 我们发现了问题:我们需要使用setAttribute('className','cssClass'),而不是在新元素上使用setAttribute('class','cs

javascript - 我如何将此要求转换为 ES6 导入样式

这个问题在这里已经有了答案:PassoptionstoES6moduleimports(9个回答)关闭7年前。我想做这个vardebug=require('debug')('myapp');...在ES6中无需创建额外的变量。可以吗?

javascript - 更改所有出现的字符串的样式

出于品牌原因,我希望我的网站标题每次出现在标题中时都以与其余内容不同的字体显示。为简单起见,假设我的特殊字体是Courier,而我的公司名为SparklePony。所以,像这样的一行,SparklePonyBoardofDirectors将在Courier和BoardofDirectors中以我的网站默认字体Arial显示带有SparklePony字样的标题。(是的,我知道这会很可怕。)我试过使用jQuery字符串替换,但我不想替换字符串,我只想在Courier中看到它(只为那个词添加一个类,或其他东西)之类的。)替换SparklePony与SparklePony导致带有标签和所有内容

JavaScript 常量 |样式和关键字

这个问题在这里已经有了答案:关闭11年前。PossibleDuplicate:ArethereconstantsinJavascript?比如这里我把这个菜单的关闭时间设置为1秒或者1000毫秒。menu.menu_timer=window.setTimeout(menu.hide_menu,1000);javascript有没有像C一样的const或者像PHP一样的Define来定义常量?

javascript - 如何在严格模式下设置元素样式属性?

给定:body=document.getElementsByTagName('body')[0];iframe=document.createElement('iframe');iframe.src=protocol+settings.scriptUrl+a;iframe.height=1;iframe.width=1;iframe.scrolling='no';iframe.frameborder=0;iframe.style='display:none';body.appendChild(iframe);在Safari中使用严格模式进行测试时,我在iframe.style=行上看到

jquery案例2——点击事件添加样式、鼠标经过事件、鼠标离开事件、一组、多组样式

一、鼠标点击添加样式(一)案例描述鼠标点击li,添加盒子阴影。(二)案例效果演示(三)代码:引入jq文件:scriptsrc="http://code.jquery.com/jquery-latest.js">script>css代码:ulli{margin-bottom:10px;padding:10px;width:400px;border-radius:10px;}html代码:ul>li>我们好像在池塘的水底。从一个月亮走向另一个月亮。li>li>我们好像在池塘的水底。从一个月亮走向另一个月亮。li>li>我们好像在池塘的水底。从一个月亮走向另一个月亮。li>li>我们好像在池塘的水底

javascript - 在 React Native 中将 props 样式添加到现有组件样式

我定义了以下组件:importReact,{Component}from'react';import{StyleSheet,TouchableOpacity,View,Text}from'react-native';exportdefaultclassButtonextendsComponent{render(){return(this.props.onPress}>{this.props.title})}}conststyles=StyleSheet.create({container:{paddingTop:15,paddingBottom:15,paddingRight:20,p

javascript - cssRules 无法读取多个样式表类属性值

借助此答案(getallcssclassesbackground&colorpropertiesvalues),我可以获得所有CSS类背景和颜色属性值。它在我使用内部CSS代码时有效。现在,我有超过35个外部css样式表。当我尝试下面的代码时,它只返回第一个外部CSS文件输出。无法获取剩余的样式表背景和颜色属性值。如何访问剩余的样式表?$('#nightMode').on('click',function(){//varcolor=$("body").css("background");//vartest=invertColor("#00a3fe");//console.log(col