Tag: css

使用jQuery更改基于Font-Family的Body字体大小: 我正在尝试使用Myriad Pro作为Arial的主要字体，例如像这样的后退： font: 13px “Myriad Pro”, “Helvetica”, “Arial”, “sans-serif”; 我想在选择Arial或Helvetica时更改字体大小。这是我在jQuery中所拥有的，但它不起作用： $(function(){ if ($(“body”).css(“font”) == “Arial”) { $(“body”).css(“font”, “10px”); }; }); 我感谢你的时间，帮助和慷慨:)

如何从卡片或类似物品获取标题与弹性盒子具有相同的高度？: 请不要乱砍没有硬编码。这个想法并不是针对一种情况解决它，例如，对于有4列的情况，但是针对动态内容和响应屏幕大小来解决它。对我来说问题是它基本上不是直接的孩子，而是它的内容 codepen在这里： HTML disclaimer: resize the window. Make the blue headers in a row match height bippo some content lala some content lala bippo some content lala bippo some content lala bippo some content lala bippo some content lala some content lala some content lala oh no this header wraps some content […]

如何使用JS编辑CSS变量？: 我有这些CSS变量来控制我的项目的颜色，所以我可以做主题。 html { –main-background-image: url(../images/starsBackground.jpg); –main-text-color: #4CAF50; –main-background-color: rgba(0,0,0,.25); –beta-background-color: rgba(0,0,0,.85); } 但无论我如何尝试更改属性（两个注释行分别尝试），我得到的最接近的不是有效属性。 function loadTheme() { var htmlTag = document.getElementsByTagName(“html”); var yourSelect = document.getElementById( “themeSelect” ); var selectedTheme = ( yourSelect.options[ yourSelect.selectedIndex ].value ); // htmlTag[0].setAttribute(‘–main-text-color’, ‘#FFCF40’); // $(“html”).css(“–main-text-color”,”#FFCF40″); }

如果选项卡太多，如何使Jquery UI选项卡水平滚动: 现在上面的图片是“太多选项卡”的示例，默认情况下显示为多行。但是我想在一行中进行水平滚动，在开始标签之前和最后一个标签之后添加两个箭头，或者自动滚动都可以。

如何使用jquery将无序列表转换为格式精美的下拉列表？: 如何以此格式转换无序列表 one two three four five six seven 进入这种格式的下拉列表 one two three four five six seven 使用jQuery？编辑：从选择/下拉列表中选择条目时，链接应自动在新窗口或选项卡中打开。我也希望能够设置它的样式： http ： //www.dfc-e.com/metiers/multimedia/opensource/jqtransform/

为什么javascript this.style 返回一个空字符串？: 为什么this.style[property]得到一个空字符串？我的代码是： Demo #test{ height:100px; } .tclass{ width:100px; } function $(ID){ var element=document.getElementById(ID||’nodId’); if(element){ element.css=css; } return element; } function css(prop,value){ if(value==null){ return this.style[prop]; } if(prop){ this.style[prop]=value; } return true; } window.onload=function(){ var element=$(“test”); alert(element.css(“height”)+”,”+element.css(“width”)+”,”+element.css(“background”)); //alert ,,#ccc }; Test 这段代码警报,,#ccc ，但我想得到100px,100px,#ccc ，我有什么问题？谁能帮我？更新我改变了cssfunction，现在它可以正常工作： function css(prop,value){ if(value==null){ var b = (window.navigator.userAgent).toLowerCase(); var s; if(/msie|opera/.test(b)){ […]

设置一个元素的长度（高度或宽度）减去另一个元素的可变长度，即calc（x – y），其中y未知: 我知道我们可以在定义长度时使用calc ： flex-basis: calc(33.33% – 60px); left: calc(50% – 25px); height: calc(100em/5); 但是如果长度是可变的呢？ height: calc(100% – <>); 要么 width: calc(100% – 50px – <>); 在CSS中有一种标准的方法吗？我知道使用flexbox和表可以完成整个任务，但我想知道CSS是否提供了一种更简单的方法。 Flexbox，表格和简单的Javascript是可接受的替代方案。高度演示宽度演示

通过JavaScript访问CSS文件内容: 是否可以在文档中获取CSS文件的整个文本内容？ F.ex： var cssFile = document.getElementById(‘css’); // get text contents of cssFile 我不是真的通过document.styleSheets获取所有CSS规则，还有另外一种方法吗？更新：当然有ajax选项，我很欣赏给出的答案。但似乎没有必要使用已经在浏览器中加载的ajax重新加载文件。因此，如果有人知道另一种方法来提取当前CSS文件的文本内容（不是CSS规则），请发布！