草庐IT

【CSS】CSS样式的优先级

全部标签

javascript - 是否可以使用图像或 CSS 渐变来填充 Google map 中的水域?

我目前正在从事某个元素,需要将下一个设计实现到Googlemap。我没有在谷歌地图样式引用中找到任何线索来回答这个问题-https://developers.google.com/maps/documentation/javascript/style-reference所以,我想知道-是否有可能(仅使用API)?或者需要一些技巧?例如,我考虑过让水域透明并将虚线图像放在map后面。提前致谢! 最佳答案 在这个回答中,我将讨论关闭map上水几何体的可见性并设置map背后的背景颜色。首先,如前一个答案所述,您必须关闭map的可见性。您可

javascript - 如何在注册该组件时为 vue.js 组件定义 css 样式?

我可以注册一个自定义的vue.js组件//registerVue.component('my-component',{template:'Acustomcomponent!'})另见https://v2.vuejs.org/v2/guide/components.html如何为我的组件包含css类?我希望是这样的Vue.component('my-component',{template:'Acustomcomponent!',css:'#...mycssstylesheet...'})但似乎没有css选项。我知道我可以a)在全局css样式表中定义所有css类或b)使用singe-fi

javascript - 使用 javascript 设置样式值时的数字或字符串

有些css值是用数字定义的,比如opacity我知道在编写css时,我会这样做:#element{opacity:1;/*withoutaquotemark,just1*/}但是当我要用javascript修改opacity时,我应该提供什么?只有0.5或"0.5"?如果我运行:typeofdocument.getElementById('element').style.opacity//returns"srting"所以我过去常常在修改它的时候提供字符串。但是有人审查我的代码,建议我提供如下数字:document.getElementById('element').style.opa

javascript - Angular Component 的 CSS 封装是如何工作的?

我想明白如果我创建两个样式表样式1.heading{color:green;}样式2.heading{color:blue;}现在如果这两个样式分别写在两个不同的View中,渲染的时候在布局上作为PartialView,那么在这种情况下可能会发生冲突一个可以覆盖另一个的样式。但是使用angular(见第16页),这两种不同组件的样式怎么封装在同一个页面上渲染呢?为什么CSS没有被覆盖?例如import{Component}from'@angular/core';@Component({selector:'app-user-item',template:'abc',styleUrls:[

javascript - Jquery Dialog,添加一行新的样式文本

我正在尝试创建一个客户支持对话框。我希望对话框有两行文本和一个标题。第一行是一条错误信息,第二行是一个粗体的客户服务号码。这可能很难描绘,所以我添加了一个我在Paint中制作的对话框来提供帮助:我尝试创建一个换行语句(stringError="Youhaveanerror...number\nCustomerSupport...)以查看我是否可以分隔文本,但没有工作。有什么建议吗? 最佳答案 为什么\n?你应该使用."Youhaveanerror...numberCustomerSupport:..."

javascript - 内容脚本 CSS 不会覆盖原始内容

我的问题是我想用我的自定义设置修改网站的样式。我试过ContentScripts,但是这个dosen工作,因为他们不能覆盖原来的css文件。这是一个例子:foo/manifest.json{"name":"test","version":"1.0","content_scripts":[{"matches":["file://*/*test.html"],"css":["main.css"]}]}foo/main.cssbody{background:#0f0;}测试.htmlfoobar然后我loaded将扩展foo文件夹放入我的谷歌浏览器,并打开test.html但背景颜色仍然是红

javascript - 标准控制按钮的 OpenLayers CSS 样式

我在我页面上的脚本上使用OpenLayers,并且我正在尝试使用CSS来设计map上出现的标准按钮的样式。我按照OpenLayers文档网站对它们进行了如下样式设置:.olControlNavToolbardiv{display:block;width:28px;height:28px;top:300px;left:6px;position:relative;}.olControlNavToolbar.olControlNavigationItemActive{background-image:url("img/panning-hand-on.png");background-repe

javascript - 结合 JS 和 CSS 文件作为构建的一部分

我想将我所有的JS文件连接到reducethenumberofHTTPrequests当浏览器访问我的网站时。当然,在开发过程中将这些文件分开仍然很有值(value)。广泛接受的解决方案是将连接作为构建的一部分执行。连接部分非常简单..但是所有仍然有一堆的HTML文件呢?标签引用预连接的js文件?他们现在需要指向单个串联的javascript文件。如何在构建过程中换掉这些引用? 最佳答案 基于Ant的解决方案可能源自此示例。我将插入标准免责声明,即使用正则表达式“解析”HTML可能不是一个好主意。想法是:全部删除或转换为评论标签。插

javascript - IE < 9 CSS3 过渡效果秘籍?

有没有类似于IE7.js的“作弊”机制可用于不支持CSS3转换的浏览器,以便如果您将CSS3转换元素插入页面,它会将它们转换为javascript方法? 最佳答案 当然,有几个:http://louisremi.github.com/jquery.transition.js/test/index.htmlhttp://playground.benbarnett.net/jquery-animate-enhanced/ 关于javascript-IE https://stac

javascript - 使用 body onload 和 document.write 时忽略样式表

我正在用JavaScript进行实验以感受它,并且已经遇到了一个问题。这是我的html代码:Inserttitlehere这是JavaScripttesting.js:functionwriteLine(){document.write("HelloWorld!")}这是样式表styles.css:html,body{background-color:red;}这是一个非常简单的例子,但我可能选择了一个尴尬的例子,在body标签中使用on-load。所以上面的代码加载并运行函数,但样式表什么都不做,除非我删除头部的脚本标签。我试过将脚本标签放在其他地方,但没有任何效果。我在网上研究了如