从上图可以看到,当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-为什么我的电子邮件按钮边框显示两种颜色 而边框颜色设置为仅显示一种颜色?...