首先,我很抱歉,如果这是一个相对基本的问题,或者是以前被问过的问题,但我正在努力寻找一个好的方式来表达我的问题.

我目前正在使用JavaFX和一个.css文件为某些元素设置全局样式.目前,我正在努力解决如何更改"确定"按钮上蓝色突出显示的 colored颜色 ,如下图所示.

enter image description here

突出显示的蓝色仅出现在对话框窗口的"确定/确认"按钮上.我还应该澄清,这张图片中的红色轮廓是我画的.

我try 了许多解决方案,但没有一个能达到我想要的效果.我得到的最接近的代码是以下代码:

.button:default:hover:pressed,
.button:focused {
-fx-background-color: rgb(238, 232, 232); 
}

然而,这确实创建了一个平坦的 colored颜色 按钮(而且当点击它时,它仍然会变成蓝色),而我想保持接近默认外观.

我希望这个突出显示是一个不同的 colored颜色 ,但我想保持"默认外观"的按钮,即相同的投射阴影,渐变样式等.我该如何做到这一点使用css?

推荐答案

在默认样式表modena.css中,默认按钮的 colored颜色 是使用"lookup-up-color"-fx-default-button定义的.(它用作默认按钮的-fx-base.)您只需全局重新定义该 colored颜色 :

.root {
    -fx-default-button: rgb(238, 232, 232);
}

Css相关问答推荐

如何改变图标的 colored颜色 时悬停在

如何在WooCommerce产品页面中减少属性下拉菜单之间的空间

Firefox中的解决方法:has(不使用JavaScript)

根据子索引计算变换 CSS 参数

为什么删除 AnimatePresence framer.div 时会出现轻微卡顿?

同时实现渐变文本和闪光文本效果是否可行?

在 dbc.Container 上方包含横幅 - Dash

当父元素处于子元素 input 的焦点状态时更改父元素的样式

使用 CSS 填充悬停过渡的闪烁文本问题

基于变量动态生成 CSS 类 - SCSS

CSS3 - RotateY() 居中

我应该避免使用text-align: justify;吗?

在表格中使用自动换行:断词

为什么无论我做什么都不能改变复选框的 colored颜色 ?

如何使多个 div 显示在一行中但仍保留宽度?

如何在没有填充区域的情况下背景化 div

li 中的第二行在 CSS-reset 后的项目符号下开始

更改 FontAwesome 图标的字体粗细?

在移动网络上禁用捏zoom

如何防止内联块 div 换行?