更改按钮内部图标的边框颜色
是通过CSS样式来实现的。可以使用CSS的border属性来设置按钮内部图标的边框颜色。
具体步骤如下：
- 首先，给按钮添加一个类名或者ID，例如：
<button class="my-button">按钮</button>。 - 在CSS样式中，使用该类名或者ID来选择按钮，并设置边框颜色。例如：
.my-button { border-color: red; }。
这样，按钮内部图标的边框颜色就会被更改为红色。
关于按钮内部图标的边框颜色的优势和应用场景，可以根据具体的设计需求和风格来决定。例如，如果需要强调按钮内部图标的边框，可以选择一个与背景颜色对比明显的边框颜色，以增加视觉效果。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云CSS样式库：https://cloud.tencent.com/product/css
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
请注意，以上链接仅供参考，具体选择适合的产品和服务应根据实际需求进行评估和决策。
相关·内容
我有一个滚动视图(图表: words)，它比设备高度长得多
在滚动视图的底部是一些底部的内容(图:法语出版社)，有一个不同的背景颜色。
为了将底部的内容与单词分开，我创建了一个1pt高的UIView作为边框(图:红线)
我有一个位于设备底部的按钮，位于滚动视图之外(滚动视图是device.height - button.height)。此按钮的背景颜色与底部内容的背景颜色相匹配。
不同的背景颜色看起来很不稳定，没有什么东西将底部按钮与内容视图分开，所以当底部的内容不可见时，我希望边框是粘稠的，看起来就在底部按钮上方(图表:红线)。
注意:我在IB中使用AutoLayou
浏览 7提问于2015-09-30得票数 3
2回答
两个样式表，一个悬停效果
、、、
我正在我的wordpress网站上工作，最近我得到了一个新的主题，叫做Visia。经过几天的搜索，我终于找到了社交按钮周围的圆圈的悬停效果在哪里。但只有一个问题:图标有自己的CSS文件。我希望圆(边框颜色)和图标(颜色，他们有一个图标字体)在一个悬停时改变颜色。现在，我在icons.css中进行了更改
.icon-linkedin:hover {
border-color:#06C;
opacity::1;
color:#06C;
}
另一个还没有悬停，因为我尝试将那个类(style.css)引用到icons.css
.social-links a:hover {
浏览 1提问于2014-04-20得票数 0
1回答
我正在尝试创建具有堆叠序列的条形图。每一条都由两部分组成。主体部分具有正常颜色和黑色边框，“越界”部分具有较亮的颜色和红色边框。在集成开发环境(Delphi XE3)中配置此行为是没有问题的。当我有太小的“超限”条时，配置的行为开始变得糟糕。如果该条的高度为1px，则红色边框消失，并且仅渲染1px的画笔颜色线。我需要渲染边框颜色线。所以我正在试着改变这个条的颜色。
下面是我的代码的一部分：
Series1.AddY((RamTotal-RamAvailable-memover) / mb, titlemem);
if memover > 0 then
Series2.AddY(mem
浏览 2提问于2013-04-05得票数 1
回答已采纳
2回答
试图构建一个按钮(或文本框)，其外观和工作方式如下:上半个按钮背景白色或透明，下半部按钮背景纯色。悬停时，橙色应改为蓝色(悬停颜色我可以做)。文字后面应该是颜色。文本不应更改颜色，而应更改“条形图”。
已尝试：
底部边框仅(+-10 of厚+颜色)，白色按钮背景-但似乎不能设置一个负值的边框，以使文本在前面的颜色。
使用终极CSS梯度生成器和操纵梯度到实体，它在网站上工作，但我不认为这是可持续的(太多的代码为一个简单的功能)。
请帮帮忙。
浏览 0提问于2021-01-18得票数 0
2回答
我正在使用新的Gui生成器，并希望在一个按钮中更改材质图标的颜色和大小。
有办法这样做吗？我找不到任何相关的网络和改变按钮的字体颜色似乎不会影响图标的颜色.
提前谢谢。
到目前为止，我拥有的是css样式：
mybutton {
background-color: lightgray;
border-radius: 4pt;
border: none;
box-shadow: 2pt 2pt 2pt 0px gray;
color: #ff0000;
font-family: "native:MainRegular";
浏览 4提问于2017-08-15得票数 1
回答已采纳
1回答
我有一个按钮，里面有一个span类。span类(漂浮在左边)需要有'+‘图标的右边框。
我遇到的问题是，当我将鼠标悬停在按钮上时，span边框颜色不会从绿色变为红色(这就是我想要的)。
请看这个小提琴：
它似乎不是这样写的：
.plus:hover{
border-right: 2px solid red;
}
谢谢。
浏览 0提问于2013-05-10得票数 1
回答已采纳
我希望我的地块的边框不是黑色，而是某种颜色。我注意到，如果我使用以下命令将默认主题设置为theme_bw()：
theme_set(theme_bw())
我可以将边框设置为我想要的颜色
theme(panel.border = element_rect(color="darkred", size=0.5, linetype="solid").
这看起来是可行的。每个面板的边框，无论是多面图还是单个图，都呈现“暗红色”颜色，其余部分与我更改panel.border之前相同。
但是，如果我使用不同的默认主题，比如theme_gray()或theme_classic
浏览 0提问于2014-03-03得票数 9
回答已采纳
是否可以使用Android Studio更改导入到Android Studio的图标的颜色，例如，如果我想更改我在网上找到的图标的边框，您可以使用自定义选项更改Android Studio已有的图标的颜色，或者大多数人是否使用其他系统来创建自己的个性化图标？ 我在网上找到了一些很好的图标，但在我的应用程序的某个功能中，我必须更改它们的边框，我需要使用相同的图标，只是不同的颜色边框。
浏览 9提问于2020-03-29得票数 0
回答已采纳
我有以下按钮： <button class="btn btn-outline-secondary btn-lg">
TEXT<i class="fa fa-plus"></i>
</button> 我想用不同的颜色设置按钮文本和fa图标的样式。当我将鼠标悬停在按钮上时，两者都应该能够改变颜色。我可以做它们中的任何一个，但不能让它们同时工作： 我可以使用不同的样式： .fa.fa-plus {
color: green;
}
.btn {
color: WHITE
} 这将使文本变为白色，图标变为绿色
浏览 65提问于2019-12-27得票数 0
回答已采纳
基本上，我用D3.js生成一个随机图，我想为每个节点生成一个随机的填充颜色和边框颜色，边框颜色必须是填充颜色的阴影。我目前正在使用类似这样的东西来生成随机的填充颜色： randomColor() {
const r = () => Math.floor(256 * Math.random());
return {color: `rgb(${r()}, ${r()}, ${r()})`, border: `rgb(${r()}, ${r()}, ${r()})`};
} 但是边框也是随机的，所以它不会与主颜色联系在一起。 提前谢谢。
浏览 46提问于2020-08-10得票数 5
回答已采纳
我使用以下css代码定制了按钮的边框颜色：
.btn:focus {
border-color: rgba(126, 239, 104, 0.8);
}
以下是我所期望的：
当按下按钮时：
按下按钮后：
我希望按钮的边框在按下后仍保持绿色。当单击另一个按钮时，必须将该按钮的边框颜色更改为默认颜色。我怎么发动汽车呢？
解决方案：
.btn:focus,
.btn:active
{
border-color: rgba(126, 239, 104, 0.8);
box-shadow: 0 1px 1px rgba(0, 0,
浏览 4提问于2014-09-01得票数 0
4回答
如何更改fa -fa心形图标的边框颜色。
我希望边框颜色为白色
<i class="fa fa-heart heart fa-2x" aria-hidden="true">
我想把心形边框的颜色改成白色给任何人请帮我
浏览 0提问于2016-05-26得票数 0
2回答
我有一个带灰色边框的<div>，我正在使用它作为按钮。
当我将鼠标悬停在边框上时，我使用jQuery将边框颜色更改为黑色(通过更改mouseover上的css类)。在<div>中，还有一个带有my button文本的<span>。
麻烦的是，当我滚动到选取css类的文本时，也会更改信息，然后我的文本就会有一个黑色边框。
我想知道javascript或jQuery是否有办法忽略<span>文本，并将其视为不存在。
我只想改变按钮的边框颜色，而不是给我的文本添加边框。
感谢任何人的帮助！
浏览 2提问于2011-08-03得票数 0
我希望使用XAML更改光标的颜色和Entry字段的底部边框。(目前它是粉红色的)。改变字体颜色没有帮助，我也看不到任何信息在IntelliSense。有人能告诉我在XAML里怎么做吗？谢谢。
<Entry
x:Name="editorEmailAddress"
TextColor="Purple" />
在Android中，它用粉色显示。
浏览 2提问于2017-07-07得票数 0
回答已采纳
当我尝试在具有IsDefault="True“属性的按钮上输入边框画笔颜色时，边框不会更改，并且IsDefault属性保持蓝色边框。
如果我删除了IsDefault="True"，那么边框笔刷的颜色就会生效。
有没有办法让按钮作为默认设置，并给它一个自定义的边框颜色？
浏览 0提问于2017-11-29得票数 0
1回答
我是windows UI编程的新手。我试图更改代码 (c++或c#)中按钮的边框和内容文本颜色，而不是xaml。
所以我的按钮看起来像这样(白色边框+默认的白色文本颜色)：
点击后，我希望边框和文字的颜色都能被改变。似乎为了改变颜色，我需要使用一些Brush，但我不知道如何使用它。
请帮助分享C++或C#中的一些示例代码。谢谢!
浏览 1提问于2014-07-14得票数 0
回答已采纳
我试图用熊猫api绘制一个散点图，其中每个点都是一个空圆圈，只是边框的颜色和透明度。我在这段代码中尝试了很多调整：
ax = ddf.plot.scatter(
x='espvida',
y='e_anosestudo',
c=ddf['cor'],
alpha=.2,
marker='o');
生成的图如下所示：
如果你仔细观察这几点：
你会看到他们有一个透明的填充颜色和边框。我希望它有一个透明的边框。我会这么做吗？
浏览 1提问于2018-09-25得票数 3
回答已采纳
1回答
这是我的代码结构：
<div style="position:relative">
<div class="divider"></div>
<span class="fa fa-home" style="position:absolute"></span>
</div>
我需要改变图标的颜色(使用font-border)，它应该与div的边框颜色相同，它有类'divider‘。每当我更改分隔线的边框颜色时，图标颜色就会转换为分隔线的边框颜色。
浏览 5提问于2016-03-01得票数 0
我正在尝试创建一个具有调整大小的图像，背景颜色和边框的QToolButton。我已经成功地获得了图像(使用边框图像)和背景颜色正确显示。然而，我似乎不能让边框显示，因为它的背景颜色似乎是“覆盖”它。
我正在尝试使用Qt Creator 2.7.0和Qt 4.8.4中的样式表来做到这一点。
我的样式表是：
border-radius: 4px;
border: 2px solid red;
border-image: url(myImage) 0 0 0 0 stretch stretch;
border-repeat: no-repeat;
background-color: rgb(100,
浏览 2提问于2013-05-16得票数 1
回答已采纳
1回答
ChartJS图例的不同边框颜色
、、、、
我需要为图例设置一个与实际图表不同的边框颜色；每当我在图表数据中添加边框颜色时，它将同时应用于图例和图表。我找不到为图例设置不同边框颜色的任何选项
这是我想要达到的目标的截图，有什么想法吗？
浏览 5提问于2022-04-18得票数 0
我从一个月开始使用Unity3D，我正在尝试做一个包含菜单的应用程序，该菜单由一个面板和几个按钮组成。此时，我正在尝试自定义菜单，我更改了面板和按钮的填充颜色，但直到现在我还不能更改按钮的边框颜色。有什么方法可以自定义UI按钮的边框颜色吗？我将非常感谢你的帮助。:)
浏览 1提问于2017-10-06得票数 4
回答已采纳
1回答
使用ggplot2创建一个盒图，我遇到了需要指定图例颜色的问题。
调整前，每个盒子都有一个填充中心和黑色边框。然而，调整图例颜色后，填充是白色的，边框是指定的颜色。我将如何得到我指定的颜色作为填充一个黑色的边框？
ggplot(Data.Benin, aes(x=countrycode, y=mortality, color=year)) +
geom_boxplot(notch=F)+ scale_color_manual(values=c("coral1",
"darkolivegreen4", "gold4", "deepsky
浏览 3提问于2017-05-30得票数 0
回答已采纳
我目前正在与一个团队合作开发一组web组件，这些组件应该是客户公司开发的当前和即将推出的web应用程序的基础。
我希望这些组件支持颜色主题化，这是支持黑暗模式的第一个用例。
现行方法
I在colorpalette.css文件中定义了客户的公司设计颜色(这些颜色只是一个例子)：
根{-颜色-蓝色：#004994；-颜色-浅蓝：#0095 red；-颜色-浅绿色：#afca06 06；-颜色-浅灰色：#9c9c9c；-颜色-绿色：#51ae31；-颜色-灰色：#555555；-颜色-橙色：#f 39200；-颜色-红色：#d40f14；-颜色-青绿色：#008c8e；-颜色-紫色：#b80d78；
浏览 0提问于2021-09-26得票数 4
回答已采纳
3回答
实现水平滑动布局的最有效方法
、、、、
以下面的布局为例。
黑色边框表示用户屏幕。
三个小矩形代表导航按钮，当点击时，大框的相应颜色将水平滑动到用户屏幕。
例如，当我单击小的蓝色按钮时，大的蓝色框(这是一个div)将滑到左侧，转到用户屏幕，其他导航按钮也是如此。
您能为我指出如何实现这一目标的正确方向吗？
浏览 0提问于2012-09-01得票数 3
回答已采纳
其效果如下：
请注意：
1.边框的颜色与原始图像不同，你可以看到Gmail图标的边框是黑色的，另一个图标是白色的。边框的颜色来自原始图像。
2.图像有阴影。
以及如何实现点击效果？
浏览 4提问于2014-05-13得票数 0
回答已采纳
1回答
我试图改变按钮边框的颜色。
我试过：tk.Button.config(highlightbackground=COLOR)
但是它说TypeError: TypeError()缺少一个必需的位置参数：'self'
另外，我想使用十六进制颜色代码来制作边框颜色。
浏览 8提问于2020-07-05得票数 0
1回答
每当我向外滚动时，我的导航条似乎就会向右溢出，这看起来一点也不专业，而且看起来很不平衡，我尝试设置最大宽度，但这对我没有用，所以我来这里寻求一些帮助:这是我的代码
变量didScroll；var lastScrollTop = 0；var增量= 5；var navbarHeight = $('header').outerHeight()；$(Window).scroll(函数(事件){ didScroll = true；})；setInterval(函数(){ if ( didScroll ) { hasScrolled()；didScroll= false；} }，250)；
浏览 6提问于2020-04-27得票数 0
首先，谢谢你的帮助！我正在尝试改变我的按钮边框颜色，当我喜欢按钮时，使用焦点和活动，如下所示
button {
margin: 5px;
width: 44px;
height: 32px;
background-color: white;
border: 1px solid silver;
border-radius: 15%;
&:active,
&:focus {
浏览 0提问于2021-11-09得票数 0
2回答
我正在通过PHP和JS进行表单验证，并试图更改图标颜色，如下所示：
单击“提交”按钮后，我会发送“电子邮件”数据，以便在服务器上验证。在此之后，客户端接收值1表示已验证，用于未验证。
如果输入是有效的，边框颜色也会改变为绿色和图标颜色。如果输入无效，边框颜色将更改为红色和相同的图标。
以下是代码：
<script>
$(document).ready(function(){
$('.red').css('color',"red");
$('.green
浏览 1提问于2015-02-25得票数 0
回答已采纳
1回答
我想更改网格视图项目的选择样式或颜色。当选择一个项目时，我希望显示更粗的边框或突出显示的颜色或任何类型的更改。实现这一目标的最简单方法是什么？
浏览 2提问于2016-02-29得票数 1
想要根据我的SfCartesianChart ?更改传奇图标的颜色。
LineSeries<SalesData, DateTime>(
name: "Kw",
dataSource: graphData("value2"),
xValueMapper: (SalesData sales, _) => sales.year,
yValueMappe
浏览 3提问于2020-10-19得票数 0
我已经子类化了一个UIButton，以便在整个项目中使用。这些UIButton子类将有一个边框颜色，根据用户在设置中选择的内容进行更改。该设置使用UserDefaults保存。
问题:当我第一次加载应用程序时，按钮边框是正确的颜色--但是，当我更改设置(最终更改按钮边框)时，什么都不会发生。按钮只改变颜色，一旦我关闭的应用程序和重新打开。
我的代码
class CustomSeasonButton: UIButton {
var seasonCold = Bool()
let nsDefaults = UserDefaults.standard
var notification = Notif
浏览 3提问于2017-05-02得票数 0
回答已采纳
我使用的是pyplot.bar，但我绘制的点太多了，条形图的颜色总是黑色的。这是因为条形的边框是黑色的，而且它们的数量太多了，以至于它们都被压在一起，所以你看到的只有边框(黑色)。有没有办法去掉条形图的边框，让我可以看到想要的颜色？
浏览 0提问于2013-04-09得票数 75
回答已采纳
1回答
对于一个个人应用程序，其中用户将能够在白板上绘制，我需要有一个图标上的动态背景。
这是一种颜料桶，用户可以选择自己喜欢的颜色。基本上，当用户单击按钮时，会出现一个颜色选择器对话框，用户可以从中选择一个。我需要图标的背景改变与给定的颜色。
我的按钮是这样的：
当用户点击对话框中的valid按钮时，我需要将红色更改为新的颜色。并在该按钮上添加边框，以告知用户选择了此选项。
有没有办法通过编程来做到这一点呢？如果是这样的话，是怎么做的？
谢谢。
浏览 0提问于2013-02-01得票数 0
回答已采纳
我想在ggplot2中给条形图的边框涂上颜色。
下面的脚本是一个示例。
如您所见，橙色边框与蓝色边框重叠。有什么方法可以避免这种行为并在图形中对边框着色吗？
library(tidyverse)
dat <- tibble(
dx = c("D+","D+","D-","D-"),
test = c("T+","T-","T+","T-"),
num = c(40,80,100,800)
)
ggplot(dat) +
geom_
浏览 6提问于2020-06-19得票数 4
回答已采纳
1回答
可能重复：
我知道在R中你可以用图来指定点的颜色
plot(......,col="red")在散点图上做点，例如红色。
如何指定点的边框颜色，使边框颜色与填充颜色不同。
浏览 6提问于2012-07-18得票数 6
回答已采纳
1回答
我有一个所有按钮都具有UIBarButtonItemStylePlain样式的UIToolbar。这些按钮之一切换我的应用程序中的设置，我希望在启用该功能时具有某种类型的选中状态。
由于我没有使用带边框的按钮，因此将样式设置为UIBarButtonItemStyleDone将不起作用，因为按钮不匹配。有没有简单的方法来改变按钮上图标的颜色？
作为示例，请查看iPad上地图应用程序中的位置按钮。它做的正是我想要的。
浏览 0提问于2012-01-23得票数 0
回答已采纳
我想在JavaFX (而不是html)中创建这样的按钮。
(悬停在他们身上看效果)
愚蠢的Stackoverflow坚持让我在这里发布jsfiddle代码，这与<li><a href="/help/2/">Button 1</a></li>
所以有一个圆形的边框和透明的背景。不幸的是，后台/嵌入技术似乎覆盖了从外部到in的内容。因此，如果你画一个明亮的边框，那么你就不能取消亮度来创建一个黑暗和透明的背景，不硬编码的颜色。也就是说，它不是写一次，到处跑，在不同的彩色面板上。
-fx-边框颜色似乎不支持四舍五入，或者至少这里不推荐。
浏览 7提问于2014-05-21得票数 0
回答已采纳
我是一个绝对的初学者在ggplot2和试图绘制美丽的数字使用这个软件包。我正在阅读手册，在我的分析中我不理解scale_colour_gradient()和scale_fill_gradient()之间的区别，我将使用“假设”来进行观察，因为我不确定我的结论。
下面是对我有用的原始代码：
实验1
erupt <- ggplot(faithfuld, aes(waiting, eruptions, fill = density)) +
geom_raster()
erupt
假说：用默认颜色(即蓝色)绘制喷发的密度。
我想进一步研究ggplot2的scale_colour
浏览 1提问于2016-08-24得票数 2
回答已采纳
我在QlikView中有一个分组条形图--条形图以不同的颜色显示。是否有可能在一个组中显示最后一个条形，使该条的边框为红色，而该条的middel为白色？
浏览 2提问于2016-03-08得票数 1
回答已采纳
如何知道iOS中UI控制器的默认属性值？例如警报视图，我在上面有Cancel/OK按钮，我怎么知道Cancel/OK按钮的边框颜色，边框宽度，边框的阴影？其他的，比如导航条上的按钮.
浏览 3提问于2013-09-03得票数 3
回答已采纳
1回答
我一直在做一个微型混合器的模拟。我的模拟结果是数据点，表示空间中的坐标和属于该坐标的集中值。使用Matlab，我试图创建这些横截面的二维曲线图，其中曲线图的颜色表示一定的浓度。
我做了一些关于其他人如何绘制分散的数据图的研究。我得到了下面的代码片段，它几乎就是我想要的：
x_max=max(data(:,1)); %get max and min coordinates of datapoints
x_min=min(data(:,1));
y_max=max(data(:,2));
y_min=min(data(:,2));
figure(1);
%snap the datapoi
浏览 0提问于2015-10-27得票数 0
当用户单击时，我需要更改材料的颜色扁平/无边框按钮。我当前的设置适用于凸起按钮，但不适用于无边框按钮。
我使用的样式，当按下？：时，colorControlHighlight应该改变颜色。
<style name="PrimaryFlatButton" parent="Widget.AppCompat.Button.Borderless.Colored">
<item name="colorButtonNormal">@color/primary_color</item>
<item name="
浏览 4提问于2017-02-17得票数 0
我有一个TextBox，它需要更改边框颜色，然后在文本框下面显示一条消息。此消息应根据模型中的布尔值显示/隐藏。实现这一目标的最佳方法是什么？
浏览 0提问于2011-06-11得票数 0
回答已采纳
我用高级图表制作了这张图：
但是我需要使工具提示的边框颜色与标记颜色相同，所以当我悬停在绿色标记上时，边框颜色变成绿色，在黄色标记中，边框颜色变成黄色，红色标记也一样。你知道我怎么能做到这一点吗？
更新：这是我的小提琴：
浏览 4提问于2012-09-26得票数 3
回答已采纳
我知道我可以通过
setTitleTextAttributes:forState:
还有一种自定义UITabBar图标的方法
setSelectedImageTintColor:
是否有一种方法可以自定义UIBarButtonSystemItem的色调颜色(例如垃圾图标颜色)，以便有一个一致的UX？我什么也找不到。
如果这是不可能的话，我如何进行呢？我应该保存图标的颜色修改版本吗？我在哪里可以找到它？修改它最简单的方法是什么？
编辑
为了澄清，我要求的不是UIBarButtonItem的背景色，而是图标轮廓的颜色。
编辑
设置UIBarButtonItem的色调会产生按钮集的背景色。
- (B
浏览 4提问于2013-02-21得票数 5
回答已采纳
我们正在开发一个WPF应用程序，它使用Telerik的控件套件，一切都正常。不幸的是，我们最近需要替换所有对话框的基类，用标准的WPF窗口更改RadWindow (原因与讨论无关)。在这样做的过程中，我们最终得到了一个应用程序，它在所有开发人员的计算机(启用Aero的Windows 7)上仍然很漂亮，但在我们的客户端环境(Windows 2008 R2下的终端服务)中使用时却很难看。
Telerik的RadWindow是一个标准的用户控件，它模仿对话框的行为，因此它的样式设计不是一个问题。然而，有了WPF的窗口，我很难改变它的“边界”。我所说的“边框”指的是带有图标的标题栏和3个标准按钮(最小
浏览 14提问于2012-04-02得票数 40
回答已采纳
1回答
在其活动中可以在android按钮中指定边框吗？我想保持按钮png背景，并添加指定边框，并删除它或动态改变颜色。
如果选择不正确的红色边框，拼图板由几个按钮组成，以供选择。
浏览 1提问于2017-05-14得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
