草庐IT

style-attribute

全部标签

javascript - 错误 : <rect> attribute width: Expected length, "NaN"。和 <text> 属性 dx : Expected length, "NaN"

我想在D3中实现一个条形图,但是我在dx轴上的值是Date类型,D3库应该接受的数据类型,但它似乎给我这样的错误:attributewidth:Expectedlength,“南”。这是我的代码:abargraph.axispath,.axisline{fill:none;stroke:black;shape-rendering:crispEdges;}.axistext{font-family:sans-serif;font-size:11px;}.MyRect{fill:steelblue;}.MyText{fill:white;text-anchor:middle;}varwid

javascript - Angular 2 “ng-style” “*ngFor” 内背景颜色变化

我正在尝试使用ng-style应用背景颜色。列表的每一行都是使用ngFor生成的。每个元素都有单独的背景颜色{{item.category}}还有Typescript.ts:varcharacters=[{name:'Gollum',quote:'Sneakylittlehobbitses!',items:[{bgcolor:'fb9667',img:'airTicket',category:'Airtickets'},{bgcolor:'000000',img:'airTicket',category:'Beauty/Fitness'},{bgcolor:'0b9660',img:'

javascript - 使用 ng-style 设置样式后悬停时更改背景颜色

我有一个单词列表,每个单词都分配了一个数字(条纹)。我使用AngularJS的ng-style根据分配给它的数字设置每个单词的背景颜色。html{{item.word}}{{item.streak}}从ng风格调用的javascript。$scope.bgstyle=function(streak){varred=255;vargreen=255-streak;varblue=255-streak;varrgb=blue|(green这可行,但是,我希望当鼠标悬停在一个词上时突出显示背景。我添加了一个类“tHi”,它通常会在悬停时更改背景,但它被添加的样式覆盖了。这是一个jsfiddl

javascript - gulp with gulp-ruby-sass : Error: . ./style.css.map:3:1: 未知词

使用基本的gulp/expressbuildwatch出现奇怪的错误。目录布局project/-sass/-style.scss-gulpfile.js-index.htmlGulpfile.jsvargulp=require('gulp'),sass=require('gulp-ruby-sass'),autoprefixer=require('gulp-autoprefixer'),minifycss=require('gulp-minify-css'),rename=require('gulp-rename');gulp.task('express',function(){var

javascript - jquery if (css_attribute = 值)

是否可以在javascript/jquery中做一个if语句来确定:如果某个元素的css属性的值等于给定值?比如:if($('.box').css(background-color=blue)){//dothis...} 最佳答案 cssJQuery方法,当只给定一个参数时,将返回给定参数的值。你可以试试这个:varcolor=$('.box').css('background-color');if(color=='rgb(0,0,255)'||color=='blue')//=='blue'以上示例仅适用于JQuery选择器中的第

javascript - jQuery .width()、style.width 和 jQuery .css ('width' 之间有什么区别?

jQuery的.width()、jQuery的.css('width')和.style返回的值有什么区别.width节点上的属性?我很好奇,因为在尝试将两个表格单元格的宽度设置为相等时,前两个给了我同样的错误答案。它们实际测量的是什么,为什么它与我在浏览器中查看元素时在.style属性中看到的值不同? 最佳答案 来自width官方文档Thedifferencebetween.css(width)and.width()isthatthelatterreturnsaunit-lesspixelvalue(forexample,400)w

javascript - Handlebars : conditionally add attribute

我正在尝试呈现带有选项的选择元素,就像这样{{#eachcolors}}{{title}}>{{/each}}我正在使用以下Handlebars助手Handlebars.registerHelper('isSelected',function(input,color){returninput===color?'selected':'';});问题是selected属性没有显示在任何option元素上,但是当我放置一个console.log在Handlebars助手中,我确实看到一个匹配(输入===颜色===真)。知道我在这里做错了什么吗? 最佳答案

javascript - @types/styled-components 重复标识符 FormData

如果我在我的项目中添加@types/styled-components,我将在构建输出中出现一堆错误:ERRORin/Users/me/projects/react/node_modules/@types/react-native/globals.d.ts(36,15):TS2300:Duplicateidentifier'FormData'.ERRORin/Users/me/projects/react/node_modules/@types/react-native/globals.d.ts(81,5):TS2717:Subsequentpropertydeclarationsmu

javascript - 无法读取 null 的属性 'style' - Google 登录按钮

我正在尝试为我的网站实现Google登录。登录按钮会正确显示,并且最初会成功登录。当我在使用该网站后注销并尝试移至登录页面时,我的问题就出现了(我使用的是React,所以都是一页)。我使用完全相同的函数来呈现登录页面,但它给了我一个“cb=gapi.loaded_0:249UncaughtTypeError:Cannotreadproperty'style'ofnull”。gapi的错误就出现在这里(至少我是这么认为的):a.El;window.document.getElementById((c?"not_signed_in":"connected"这是我最初添加要呈现的登录按钮的方

javascript - 从 webpack 的 ExtractTextPlugin 和 style-loader 中缩小 css

在此跟踪器存储库中:https://github.com/pconerly/libsass-spritesmith-webpack-tracer这一行:https://github.com/pconerly/libsass-spritesmith-webpack-tracer/blob/master/webpack.config.js#L82我正在加载.scss,并将它们提取为纯文本。我还想缩小它们---我该怎么做?style-loader似乎没有它的选项。我应该改用另一个插件,例如css-loader吗? 最佳答案 所以除非您明确