【css属性border-collapse与border-spacing的区别详解】教程文章相关的互联网学习教程文章

通过JavaScript中的CSS属性选择元素【代码】

是否可以通过CSS属性选择DOM元素? 例如:awsome_function ({'background-color' : '#0cf'}); // return all object, which's background-color css attribute value is '#0cf'awsome_function (['background-color']); // return all object, which has background-color css attribute awsome_function (['-my-special-cssattribute']) // return all object, which has '-my-special-cssattribute' css attribute 我知道可以使用...

java-Selenium:测试其CSS属性“ OVERFLOW”为自动/滚动的WebElement【代码】

在下一页中,仅显示三个元素,我必须使用滚动条才能看到其他元素.我正在使用Selenium Webdriver.当我尝试单击“第四行”或“第五行”时,引发了ElementNotVisibleException.有什么方法可以移动scoll栏(或其他方式?)以使“第四行”和“第五行”可见,然后可单击?<b>Source code of this element:</b> <pre> <html><body> <div style="WIDTH: 215px; HEIGHT: 50px; OVERFLOW: auto; background-color:#66FFCC"> <ul> <li><div>First Ro...

当CSS是C#中的字符串时,设置CSS属性的值【代码】

我在C#中有一个字符串,它实际上是一个CSS文件.我可以解析此CSS文件并使用此库非常有用:https://github.com/TylerBrinks/ExCSS 太好了.但是,我现在需要更改文件中的值,而且我一生都无法弄清楚如何可靠地执行此操作. 用最简单的术语来说,我在C#中有这个字符串:body {background-color:#323432; }我需要编写一个函数:public string ChangeValue(string oldstring, string name, string type, string value)当这样调用时:string ne...

我们可以使用=来转换:rotate(‘x’deg);通过Javascript的CSS属性【代码】

这是我的代码:#move{height:70px;width:70px;border:2px solid black;border-radius:15px; } <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script><input type="button" value="Move Right" onclick="$('#move').css({'background-color':'aqua'});$('#move').css({'position':'absolute','transition':'500ms ease-in-out','right':'-=50px','transform':'rotate(+=5deg)'});"></input><...

javascript – 单击更改CSS属性【代码】

我试图在点击另一个元素时更改一个元素的CSS.我经常搜索,但没有任何效果.目前我使用下面的代码,但它不起作用.谁能告诉我我错过了什么?<div id="foo">hello world!</div> <img src="zoom.png" onclick="myFunction()" />function myFunction() {document.getElementById('foo').style.cssText = 'background-color: red; color: white; font-size: 44px'; }解决方法:首先,使用on *属性来添加事件处理程序是实现所需内容的一种非常过...

在Javascript中设置CSS属性?【代码】

我创造了以下……var menu = document.createElement('select');我现在如何设置CSS属性,例如width:100px?解决方法:使用element.style:var element = document.createElement('select'); element.style.width = "100px";

javascript – 使用json设置css属性【代码】

我已经按照w3c描述使用javascript设置元素的css属性,但我无法想象如何使用json对象. 我的代码是这样的:var style = {position:'fixed',top:0,right:0,bottom:0,left:0,background:'red' }var el = document.getElementById( 'some_id' ); for( var key in style ){el.style.key = style[key] }但是当我运行我的脚本时,我得到“Uncaught TypeError:无法读取属性’样式’的null”解决方法:代码示例:Object.assign(document.queryS...

javascript – 从CSS属性设置Canvas strokeStyle颜色?【代码】

在我们的Angular2 / Ionic 2项目中,我们有一个可以绘制的HTML Canvas元素.如何使用CSS样式提供的颜色设置Canvas strokeStyle属性? 下面是绘制函数的片段.是否可以将context.strokeStyle属性设置为从CSS检索的值?draw = function () {context.clearRect(0, 0, self.canvas.nativeElement.width, self.canvas.nativeElement.height);context.strokeStyle = "#000";context.lineJoin = "round";context.lineWidth = 5;for (var i = ...

javascript – 如何在JQuery中使用变量设置CSS属性?【代码】

我需要将宽度的CSS属性设置为与浏览器当前宽度相同的大小.为此,我做了var setWidth = $(window).width(),但我不知道如何将它应用于我当前的代码,这是这样的:$(document).ready(function(){$("#backgroundImg").css("width", ""); });有没有办法做到这一点?我是JQuery的新手,所以我可能真的很业余.解决方法:试试这个$(document).ready(function() {var setWidth = $(window).width();$("#backgroundImg").css("width", setWidth ...

javascript – 自动调整CSS属性到textarea【代码】

我正在开发Web应用程序. 我想使用CSS将自动高度应用于textarea,不想使用任何脚本,jquery插件和其他东西. 在将类(即样式属性)应用于textarea之后,它应该根据其中的内容自动增加它的高度而不是宽度. 在这种情况下,宽度应固定,即宽度:98%; (在我的情况下)只有高度需要增长.因此文本区域应该存在滚动条. 我只需要一个CSS,以便在应用到textarea后,它应该像< DIV>一样自动增长. 请大家做建议,这可能是使用CSS.如果这是不可能的,那么如果...

javascript – Css属性支持检测【代码】

在javascript中是否有通用的方法来检查当前浏览器是否支持css属性? 我目前正在使用“document.compatMode”来检查它是否是怪癖.但必须有一种方法来检查特定的财产.解决方法:你可以这样做,例如:typeof document.body.style.borderRadius在支持的浏览器中,它应该返回’string’.在不受支持的情况下,它将是“未定义的”

javascript – 调用css属性[例如:element.style.padding]【代码】

请帮我.我想调用位于css文件中的css属性,但是我得到空值.<style> #a {padding:10px;} </style> <div id="a"></div> <div id="b" style="padding:10px;"></div> <script> alert(document.getElementById('a').style.padding);//'' alert(document.getElementById('b').style.padding);//'10px' </script>jsfiddle.net解决方法:你无法以这种方式获得速记属性,但你可以使用这个:alert(window.getComputedStyle(document.getElementBy...

java – 如何等待css属性更改?【代码】

如何告诉Selenium webdriver在特定元素上等待在css中设置特定属性? 我想等待:element.getCssValue( “显示器”).equalsIgnoreCase( “块”) 通常会等待元素出现,如下所示:.webdriver.wait(),直到(ExpectedConditions.presenceOfElementLocated(By.id( “some_input”))); 我该如何等待display属性的具体css值?解决方法:我认为这对你有用.webdriver.wait().until(ExpectedConditions.presenceOfElementLocated(By.xpath("//*[@i...

javascript – 在客户端的网页上加载我的网站时,会出现css属性冲突问题【代码】

当我在客户端的URL中加载我的网站时,会出现一个错误,该错误从客户端的css获取css属性并在我们的css中更改,这会影响我的网站. 是否有任何方法可以在我的课程中写下所有属性和值,以便它不会从客户端的CSS中获取?解决方法:如果两个样式表都具有相同的属性,但错误的样式表胜出(例如,你有p {border:1px solid green; color:blue},而客户端css有p {border:1px solid red},表格越来越多红色边框): >如果可能,调整你的CSS以避免冲突.这...

javascript – 将函数传递给css属性【代码】

是否可以将函数作为值传递给所有css属性?请参考此处的代码:<script>$("div").click(function() {$(this).css({width: function(index, value) {return parseFloat(value) * 1.2;},height: function(index, value) {return parseFloat(value) * 1.2;}});}); </script>我真的没有任何线索为什么上面的代码工作.谁能解释将函数传递给属性的优点和缺点?这也是传递函数的方法适用于所有其他css属性和非css属性? plz有助于详细说明解...