Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/wordpress/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css WordPress Elementor表单中提交按钮的样式(颜色)不一致_Css_Wordpress_Forms_Submit Button_Elementor - Fatal编程技术网

Css WordPress Elementor表单中提交按钮的样式(颜色)不一致

Css WordPress Elementor表单中提交按钮的样式(颜色)不一致,css,wordpress,forms,submit-button,elementor,Css,Wordpress,Forms,Submit Button,Elementor,这是一个很小但很烦人的问题(典型的网页设计),我的提交按钮上的颜色样式。我正在WordPress中使用带有OceanWP主题的页面生成器Elementor。网站URL是(当然,正在建设中) 问题在于:活动状态和:焦点状态下的颜色似乎是“静音”的。它们正在应用,但没有充分的活力 我正在链接到一个(12秒)的问题,并包括自定义CSS我已经插入到该页面专门。仅供参考!似乎需要使用重要标志来覆盖某些主题/生成器样式,这使得在这种情况下为什么没有完全应用它们变得更加令人困惑 您将看到按钮的悬停状态提供了我

这是一个很小但很烦人的问题(典型的网页设计),我的提交按钮上的颜色样式。我正在WordPress中使用带有OceanWP主题的页面生成器Elementor。网站URL是(当然,正在建设中)

问题在于:活动状态和:焦点状态下的颜色似乎是“静音”的。它们正在应用,但没有充分的活力

我正在链接到一个(12秒)的问题,并包括自定义CSS我已经插入到该页面专门。仅供参考!似乎需要使用重要标志来覆盖某些主题/生成器样式,这使得在这种情况下为什么没有完全应用它们变得更加令人困惑

您将看到按钮的悬停状态提供了我设置的颜色;但是on:focus(使用tab)它们是静音的,on:active(单击时)也是静音的

谢谢,谢谢

您的样式表如下:

悬停时具有不透明度设置:

.elementor-button:focus,
.elementor-button:hover,
.elementor-button:visited {
    color: #fff;
    opacity: .9;
}
如何解决这一问题取决于您,而我不建议使用
!重要的如果可以避免,请执行以下操作:

.elementor-button:focus,
.elementor-button:hover,
.elementor-button:visited {
    opacity: 1 !important;
}
是可行的,还是更好的方法

button.elementor-button:focus,
button.elementor-button:hover,
button.elementor-button:visited {
    opacity: 1;
}

会有用的。您可以将其放在主样式表或自定义程序的附加CSS中,也可以放在添加自定义CSS的任何位置。

如果没有所有代码,很难说清楚,您是否可以与实际问题共享指向页面的链接?我的感觉是,在父元素或伪元素上设置了一个白色背景的
不透明度
:active/:focus,但是没有源代码也很难分辨。感谢您查找Xhynk,刚刚在问题中添加了URL,这里再次:。这肯定是某种不透明度,我只是不知道它来自哪里。我搜索了计算机样式表,找到了那个类。elementor按钮的不透明度为.9;所以我用不透明度1来定位这个类!重要的。现在背景白色100%聚焦,但文本和边框以及活动状态仍然应用了不透明度。迷惑了。我先休息一下,稍后再回来看看。Xhynk,非常感谢您给出了完整的答案。你的发现是正确的,但事实证明这不是问题所在。但我确实发现了问题,那是-drumroll拜托-人为错误[facepalm]。我看错了样式表,用错了颜色(不同的蓝色)。我真的发现了!不幸的是,重要标志在定制CSS中是必需的。否则,样式不会更改。一定是Elementor插件克服了某些问题。
button.elementor-button:focus,
button.elementor-button:hover,
button.elementor-button:visited {
    opacity: 1;
}