GVKun编程网logo

html – 如何获取网页上任何指定像素的颜色?(获取网页css样式)

11

本文将分享html–如何获取网页上任何指定像素的颜色?的详细内容,并且还将对获取网页css样式进行详尽解释,此外,我们还将为大家带来关于css–如何指定html网页上所有元素的字体属性?、CSS:如何

本文将分享html – 如何获取网页上任何指定像素的颜色?的详细内容,并且还将对获取网页css样式进行详尽解释,此外,我们还将为大家带来关于css – 如何指定html网页上所有元素的字体属性?、CSS:如何在HTML复选框中更改“检查”的颜色?、html – 如何从单选按钮更改文本的颜色?、html – 如何使用CSS3更改图像的颜色?的相关知识,希望对你有所帮助。

本文目录一览:

html – 如何获取网页上任何指定像素的颜色?(获取网页css样式)

html – 如何获取网页上任何指定像素的颜色?(获取网页css样式)

我最初的搜索表明,出于安全原因,我可能无法做到这一点,但无论如何我都会问.如何获取网页上任何指定像素的颜色?
更具体地说,这是我自己的网页,其中包含背景颜色,图像,css-modified-elements.我需要知道完全呈现的网页上特定像素的颜色.信息不能来自屏幕抓取,因为我想修改我完全呈现的页面.

哎哟!!!
有人真的“减1”我问真正的问题吗?
艰难的人群!

更具体:
我想在网页中添加一个用户可移动的canvas元素,它可以直观地改变画布悬停在其上的网页部分.将canvas元素视为用户可以在网页上移动的放大镜.但是我想要canvas元素产生的实际效果是一个彩色滤镜(因此需要底层颜色).

解决方法

无法用脚本技巧完成.也许通过一个插件

如果您可以设置服务器端浏览器来为您呈现页面 – 这可能会有效.

css – 如何指定html网页上所有元素的字体属性?

css – 如何指定html网页上所有元素的字体属性?

当我设置字体系列,字体大小,颜色等似乎一些嵌套的元素重写这些与丑陋的浏览器默认值。

我必须为我的页面上的任何类型的元素真正指定几十次,或有一种方法来设置它们在全球一次,永远?

怎么做?

解决方法

* {
 font-size: 100%;
 font-family: Arial;
}

星号表示所有元素。

CSS:如何在HTML复选框中更改“检查”的颜色?

CSS:如何在HTML复选框中更改“检查”的颜色?

如何在 HTML复选框中更改“检查”的颜色?

默认情况下,在WinXP Firefox / Chrome / IE上 – 检查为绿色.我想将INPUT type =“checkBox”中的检查更改为橙色

解决方法

没有办法与库存输入一致地做到这一点.例如,Safari永远不会尊重你的调整.

您可以使用JavaScript来呈现充当复选框的样式元素. Here’s one plugin that uses jQuery.

html – 如何从单选按钮更改文本的颜色?

html – 如何从单选按钮更改文本的颜色?

我正在制作一个分段开关,我正在尝试使用过渡来改变文本的颜色,但由于某种原因,文本颜色变化不起作用.

https://jsfiddle.net/zp2z2bvw/1/

这是CSS样式:

#Favorites_Switch:checked ~ #Selected_Container {
position: absolute;
left: 50%;
transition: all .15s ease;
border-radius: 0px 5px 5px 0px;
}

#Favorites_Switch:checked ~ #Favorites_Text {
color: #38D1A9;
transition: color .2s ease;
}

#Favorites_Switch:checked ~ #All_Text {
color: #FFFFFF;
transition: color .2s ease;
}

#All_Switch:checked ~ #Selected_Container {
position: absolute;
left: 0%;
transition: all .15s ease;
}

这是html.

<div id="Segmented_Control">

    <input type="radio" name="Switch" value="All" id="All_Switch"https://www.jb51.cc/tag/dio/" target="_blank">dio_Switch"/>
    <input type="radio" name="Switch" value="Favorites" id="Favorites_Switch"https://www.jb51.cc/tag/dio/" target="_blank">dio_Switch"/>

    <div id="Selected_Container">
    </div> <!-- Selected Container -->

    <label for="All_Switch">
        <divid="All_Container">
            <pid="All_Text">All</p> <!-- All Switch -->
        </div> 
    </label> <!-- All Switch Label -->

    <label for="Favorites_Switch">
        <divid="Favorites_Container">
            <pid="Favorites_Text">Favorites</p> <!-- Favorites Switch -->
        </div> <!-- Favorites Container -->
    </label>

</div> <!-- Segmented Control -->

当我按下标签div时,我无法弄清楚为什么字体颜色不会改变.

解决方法

它不起作用,因为输入复选框元素不是带有文本元素的兄弟(#Favorites_Text /#All_Text).您需要选择兄弟标签元素,然后从那里选择后代文本元素.

换句话说,你会改变:

#Favorites_Switch:checked ~ #Favorites_Text { ... }
#Favorites_Switch:checked ~ #All_Text { ... }

至:

#Favorites_Switch:checked ~ label #Favorites_Text { ... }
#Favorites_Switch:checked ~ label #All_Text { ... }

Updated Example

#Favorites_Switch:checked ~ label #Favorites_Text {
  color: #38D1A9;
}

#Favorites_Switch:checked ~ label #All_Text {
  color: #FFFFFF;
}

作为旁注,我还添加了到元素.Switch_Text的转换,以便在选中复选框之前和之后进行转换.

如果在选中复选框时添加了转换,则只有在取消选中它们时才会进行转换.

html – 如何使用CSS3更改图像的颜色?

html – 如何使用CSS3更改图像的颜色?

这有效:

a { color: hsla(0,100%,50%,0.2) }

而这不是:

img { color: hsla(0,0.2) }

是否有类似img {opacity:1}的东西允许为图像定义hsl值?

最佳答案
文字和图像是两个不同的东西.

浏览器使用您提供的设置呈现文本(装饰,大小字体颜色……)

以另一种方式呈现图像.浏览器没有关于图像上的内容的信息,因此不能改变图像本身.

像颜色等参数不会对图像产生影响.

顺便说一句,颜色参数定义文本颜色.

编辑:如果要对图像应用“颜色”,可以使用背景图像创建div,然后在该div中创建另一个具有背景颜色和不透明度的div.这样,透明色将叠加在图像上.

关于html – 如何获取网页上任何指定像素的颜色?获取网页css样式的问题我们已经讲解完毕,感谢您的阅读,如果还想了解更多关于css – 如何指定html网页上所有元素的字体属性?、CSS:如何在HTML复选框中更改“检查”的颜色?、html – 如何从单选按钮更改文本的颜色?、html – 如何使用CSS3更改图像的颜色?等相关内容,可以在本站寻找。

本文标签: