草庐IT

CSS属性

全部标签

javascript - 如何列出元素中的所有 css 变量名称/值对

我有JS库,但遇到了这个问题:我正在创建临时元素以使用等宽字体计算字符大小。现在我正在复制inlie样式,但我需要原始样式的所有样式,包括css变量。我不想克隆该元素,因为里面有一些我不需要的元素。元素也可能有用户设置的id,不确定当有两个具有相同id的元素时它会如何表现,所以最好(我认为)将每个样式复制到新的临时元素。我有基于这些的代码:AccessingaCSScustomproperty(akaCSSvariable)throughJavaScriptSetjavascriptcomputedstylefromoneelementtoanother我的代码是这样的:functio

javascript - jEditable 输入框 CSS 样式

我正在尝试设置使用jEditable呈现的输入框的样式.我想在双击文本并使其可编辑时更改表格单元格的颜色。像这样:alttexthttp://www.hongaijitsu.com/temp/foobar/public/Picture-2.png这是我现在所在的位置:jEditableCSSProblem(双击表格单元格中的文本)HTML片段:DrogoShankaradshan@gmail.comWebPendingmailjQuery代码:$(function(){$(".dblclick").editable("#",{tooltip:"Doubleclicktoedit..."

javascript - 我可以阻止 Chrome 吃掉我的全局属性吗?

当您包含外部JavaScript文件时,iOS上的Chrome似乎会创建一个XMLHttpRequest对象。似乎将此对象分配给标识符为a的全局变量,覆盖了您可能已经拥有的任何内容。测试用例:HTML文件(test.html):vara=1;//Valueisnotimportantforthisdemonstration外部JavaScript文件(test.js):setTimeout(function(){document.write(a);//[objectXMLHttpRequest]a.onreadystatechange=function(){document.write

javascript - CSS 硬件加速宽度?

我正在尝试构建一个Phonegap应用程序,它允许用户通过移动中间分隔线来更改两列布局的大小。我能够让它工作,但存在一个巨大的用户体验问题:它很慢。这并不可怕,但在最新的iPad上它甚至很明显,这让我很担心。这是我调整大小的JS:$("div").on("touchmove","#columnResizeIcon",function(e){e.preventDefault();varleft=e.originalEvent.touches[0].pageX;varright=$("#columnContainer").width()-left;$("#leftColumn").css(

javascript - 将 CSS3 动画转换为纯 JavaScript

我想将一个简单的CSS3动画转换为纯JavaScript(不是在jQuery中,因为我认为为这么简单的事情加载整个库有点过分了)。这是关于动画bounceInUp来自http://daneden.me/animate/.示例演示:http://jsfiddle.net/ELDf7/@keyframesbounceInUp{0%{opacity:0;transform:translateY(2000px);}60%{opacity:1;transform:translateY(-30px);}80%{transform:translateY(10px);}100%{transform:t

javascript - AngularJS:如何过滤一个属性以外的对象数组

Angular$filter可以对对象数组进行字符串模糊搜索,但是我的每一个对象都有一个base64图片的属性。varMyObjects=[{property1:'ab',property2:'cd',pic:'4AAQSkZJRgABAQEASABIAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBw.....'},{property1:'ef',property2:'gh',pic:'4AAQSkZJRgABAQEASABIAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBw.....'},{....}],result

javascript - Angular 自定义指令更改属性值

努力寻找监视属性更改的最佳方法,理想情况下,它会根据按键事件进行更新,并绑定(bind)到父Controller中的范围我希望指令的每个“实例”都有自己的“hasFocus”属性,可以通过更新属性值来更改例如模板:{{$index+1}}因此在任何时候只有1个指令的值等于“true”。我有一个自定义指令.directive('menu',function(){restrict:'E',templateUrl:'partials/menu-left.html',replace:true,scope:{hasFocus:'@'},link:function($scope,element,a

javascript - 自定义 Webpack CSS-loader "localIdentName"查询标记占位符?

我是Webpack的新手,一直在玩弄css-loader。OntheGithubpageunder"LocalScope"有关于使用您自己的自定义值指定localIdentName查询标记的信息,例如:[path][name]---[local]---[hash:base64:5]。这个标签允许我们指定类在被处理后应该如何命名。我们是否可以为此查询标记定义我们自己的自定义值占位符,即css-loader?localIdentName=[MyCustomMethod]-[hash:base64:5]? 最佳答案 我认为不可能在那里放置

javascript - 将动态创建的下拉列表的自定义属性值添加到另一个元素

我这里有一些HTML:d还有一些JS:'usestrict';functionaddResourceFunction(){letResourcesJSON=(json)=>{letResources=json;console.log(Resources);letcontactsLength=json.length;letarrayCounter=-1;letresID;letresName;letresUnit;letresQuantity;letOption=$('');letassignedID=$('tr.assigEditRow:last').attr("assigId");w

javascript - 用尖括号和方括号显示的 Chrome 控制台对象属性

在Chrome控制台中列出对象的属性时,我偶然发现了以前从未见过的符号。事实上,一些属性被概述为和[[double-square-brackets-properties]]符号。任何人都可以阐明:这些符号的用途这些行为/修饰符的含义是什么属性(可枚举、可写、可配置等)这是否可以通过纯Javascript操作重现,或者是否只能通过nativeC++对象实现何时引入(ECMAScript规范)您将在下面找到一个示例: 最佳答案 您的大部分问题都已得到解答here.就像那个答案一样,我将继续引用规范:Theyaredefinedbythi