Tag: 样式

NiceScroll – 保留原始滚动条完整

我已经将NiceScroll jQuery插件添加到我的页面中,它完全符合我的要求(轻松滚动鼠标滚轮事件)。 但是,该插件似乎适用于滚动条的样式。 在使用此插件时是否可以保留浏览器滚动条的原始样式? 我检查了文档并尝试了许多参数,但似乎无法找到相关的参数。 在当前状态下,滚动条不可见。

如何使用jquery将CSS类添加到页面?

我想使用jquery将新的CSS类附加到文档的head脚本以更改该页面上的元素。 通过使用这样的东西应该很简单: var myhex = #e6399b; $(” #someid { color:myhex; } “).appendTo(“head”); 我已经创建了一个FIDDLE来测试,但我无法让它工作。 我认为在HTML代码中间有一个JS变量的语法非常简单 – 我试过’+myhex+’和+myhex+但是说实话我猜这一点。 笔记: 我需要通过变量来完成它,因为变量的内容经常变化。 我意识到直接的答案是“使用.css()”,但在这种情况下我不能使用它,因为我在jquery对话框中为一个元素添加了一个样式。 这样做的唯一方法是通过jquery的dialogClass命令(即你必须通过’class’而不是通过.css()来设置样式。 谢谢你提供的所有帮助。

获取/迭代不在对象中的属性

根据这个问题 ,我需要知道一个属性不在一个对象中: 所以,我们有一些造型: .foo { top: 13px; width: 37px; } ……和这样一个对象: var keyframe = { 0: { top: 0 }, 1000: { top: 100 }, 2000: { width: 100 } }; 现在我需要迭代不在下一个/上一个框架中的所有属性-item,用jQuery-object中的css-values填充缺少的属性。 这样最终的对象看起来像这样: var keyframe = { 0: { top: 0, width: ’37px’ }, 1000: { top: 100, width: ’37px’ }, 2000: { top: 100, […]

什么是最好的表单元素样式库/插件(jQuery)?

在我正在处理的项目中,表单元素(如 , , 等)必须具有非标准的“look-n-feel”。 您可以为此推荐哪个库或插件(jQuery)? 我搜索了一些可用的库,但没有找到适合我需求的库。 所有人都有’真实’ – ‘假’元素的想法,他们。 该项目有很多表单元素即时创建并注入DOM。 主要要求是: 即时创建’假’元素。 能够为一个节点或CSS选择器(而不是整个页面)应用样式。 虚假和真实元素之间的非侵入事件传播。 (假元素应该响应真实元素的变化,并将发生的事件发送到相应的真实元素,如模糊,焦点,变化,点击。图书馆应该关注事件传播,而不是代码) 它应该与IE7及更高版本兼容。 应该有良好的文档和灵活的公共API 我正在努力使用一个库,几乎“适应”它的要求,但它缺乏文档,许可证不清楚我是否可以修改它。 非常感谢你的帮助! 亲切的问候。

使用JavaScript或jQuery定义全局CSS类?

有没有办法使用JavaScript或jQuery设置全局类的CSS? 也就是说,将.my_class { foo:bar }附加到页面的标签上?

如何从元素中删除所有inheritance和计算的样式?

该页面包含以下CSS: input[type=text] { display: inline; padding: 7px; background-color: #f6f6f6; font-size: 12px; letter-spacing: 1px; border: 1px solid #aac7d1; /* lots of other styles here… */ } 我有很多文本输入元素和以下内容: 我尝试通过jQuery将不同的样式应用于这个单独的文本框(txt1): $(‘#txt1’).removeClass().removeAttr(‘style’).css({ ‘background-color’: ‘#ff0000’, //lots of other styles here… }); 但是这些来自样式表的样式无法通过这种方式从元素中删除。 css规则, input[type=text]不是自定义类,所以removeClass()在这里不起作用,如果我是对的。 我想做的是; 完全删除所有应用于元素txt1 。 除了获取所有计算样式的列表并将其设置为空之外,是否有某种方法可以执行此操作?

如何更改jQuery UI Dialog的背景颜色?

我很难弄清楚如何更改jQuery UI Dialog背景颜色。 我见过很多参考如何更改/删除标题栏但不包括整个背景,包括那些弯曲的角落。 这是我的尝试: http://jsfiddle.net/dEvKb/11/ 问题是.ui-widget-content仅适用于对话框中的方形区域,但不包括弯曲的角落。 我发现了一个类.ui-corner-all类,希望它会为整个背景着色,但只有一半的对话框是彩色的。 (你可以在jsfiddle中看到这个) 有没有人这样做过?

删除页面中所有样式的最简单方法

我需要使用javascript删除页面中的所有样式定义,以获得与在Firefox中执行View > Page Style > No Style相同的结果。 哪种方法最简单?

jQuery – 如何使用元素的HTML获取所有样式/ css(在内部/外部文档中定义)

我知道$(“#divId”).html()会给我innerHtml。 我还需要它的样式(可以通过类的方式定义)内联style属性或单独的标记内的所有样式/类。 可能吗? UPDATE 如果html与 cfwcvb 并且#testDiv的css类在#testDiv中定义怎么办? 更新2 很抱歉没有提前澄清这一点 如果这是我的HTML Some innerText 样式在单独的样式表或头部样式中定义。 #divId { clear: both; padding: 3px; border: 2px dotted #CCC; font-size: 107%; line-height: 130%; width: 660px; } .someClass { color: blue; } 然后,当我尝试获取$(“#divId”).html()内部html或调用任何其他自定义函数时,我需要以下内容 #divId { clear: both; padding: 3px; border: 2px dotted #CCC; font-size: 107%; line-height: 130%; width: 660px; } .someClass { […]

为什么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)){ […]