如何设置html中按钮边框颜色,CSS-为什么我的电子邮件按钮边框显示两种颜色,而边框颜色设置为仅显示一种颜色？...

从上图可以看到,当border-color设置为显示白色边框时,我的电子邮件按钮边框同时显示灰色和白色.我已经发布了以下代码：

SCSS

@mixin border-radius($radius) {

border-radius: $radius;

-ms-border-radius: $radius;

-moz-border-radius: $radius;

-o-border-radius: $radius;

-webkit-border-radius: $radius;

background-clip: padding-box;

}

@mixin outline($outline) {

outline: $outline;

-ms-outline: $outline;

-moz-outline: $outline;

-o-outline: $outline;

-webkit-outline: $outline;

}

$bgOverlay: rgba(0,113,188,0.4);

$bgOverlayFull: rgb(0,113,188);

$primaryCopy: rgba(255,255,255,1.0);

$opacityLight: rgba(255,255,255,0.6);

$white: rgba(255,255,255,1.0);

$main-font: Lato, sans-serif;

$header-font: PT+Sans, sans-serif;

$support-font: Monterrat, sans-serif;

$thin: 300;

$regular: 400;

$bold: 700;

$contentMargin: 18px 0 0 0;

.email {

margin: $contentMargin;

margin-bottom: 12px;

.emailText {

@include border-radius(35px);

@include outline(none);

background: $bgOverlay;

border-color: white;

color: $primaryCopy;

font-size: 1.6em;

font-weight: $thin;

height: 58px;

padding: 0 0 0 30px;

width: 61.702127659574%; /* 580px/940px */

}

:-ms-input-placeholder{

color: $primaryCopy;

}

::-mox-placehold {

color: $primaryCopy;

}

::-webkit-input-placeholder {

color: $primaryCopy;

}

任何帮助将不胜感激！谢谢

如何设置html中按钮边框颜色,CSS-为什么我的电子邮件按钮边框显示两种颜色,而边框颜色设置为仅显示一种颜色？...相关推荐

webpack如何设置html中img路径和css中背景图片路径区别开
在使用webpack过程中,打包后发现html中img路径是: <img src="img/01.jpg" alt="标题图片" /> 但是在mai ...
php实现动态按钮效果,纯css实现MaterialDesign水滴动画按钮效果的js实现方法
本篇文章给大家带来的内容是关于纯css实现Material Design水滴动画按钮效果的js实现方法,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 在上一篇,我们已经实现了用纯cs ...
css中去掉input边框颜色,css怎么去掉input边框
li默认是块状元素,总是在新行上开始,占据一整行. 首页关于我们 < 2021-04-02 20:31:42 去掉input边框的具体操作步骤如下:1.在html页面中输入input的相关代码 ...
html语言中边框样式,html设置div边框样式css布局
html组织配置div边框格式教程篇 div设置边框花样所应用CSS款式为边框属性border. div虚线与完成边框款式图一.决定兼容边框线条名堂 border边框兼容各大浏览器线条花样有: 1. ...
html圆点边框颜色,css设置div边框颜色
div边框色调 css设置装备摆设div边框色采使用css对div边框设置色采是思空见贯CSS花式设置装备摆设.对div边框颜色设置说需要css单词为border. 去领会干系教程:<CSS边 ...
html正方形边框颜色,css边框颜色样式设置 css border颜色
DIV CSS边框颜色样式设置改变 css border边框样式可设置边框宽度.边框样式(css边框虚线.css边框实线).颜色样式.而css边框颜色只有设置边框宽度,设置边框颜色才能实现. 一.快速 ...
计算机底纹不起作用,CSS - 背景颜色在IE11中不起作用(CSS - background-color not working in IE11)...
CSS - 背景颜色在IE11中不起作用(CSS - background-color not working in IE11) 我有以下代码: .skills_column { padding: 5 ...
html设置顶部背景颜色,css怎么设置背景颜色？
css怎么设置背景颜色?下面本篇文章就来给大家介绍一下使用CSS设置背景颜色的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 在CSS中,可以使用background-colo ...
html怎么设置一条边框线,css怎么设置边框？
css可以直接使用border简写属性在一个声明设置所有的边框属性.可以按照border-width.border-style.border-color顺序设置,也可以单独设置这几个属性. css设置 ...

如何设置html中按钮边框颜色,CSS-为什么我的电子邮件按钮边框显示两种颜色,而边框颜色设置为仅显示一种颜色？...

如何设置html中按钮边框颜色,CSS-为什么我的电子邮件按钮边框显示两种颜色,而边框颜色设置为仅显示一种颜色？...相关推荐

最新文章

热门文章