css 用于自定义结帐页面的CSS选择器。

Posted 2021-05-13

/* page header bar */
.header{
  background : inherit;
}

/* body of the page */
form{
  background : inherit;
}

/* background of the information field */
.field{
  background : inherit;
}

/* continue button at bottom of page and complete subscription button */
.continue_btn, .btn--primary {
  color: white;
  background-color: black !important;
}

.continue_btn:hover, .btn--primary:hover {
  background-color: black !important;
}

.continue_btn:focus, .btn--primary:focus {
  background-color: black !important;
}

.continue_btn:active, .btn--primary:active {
  background-color: black !important;
}


/* logo for shop at top of page */
.shop__logo {
  width:40%;
  height: 40%;
}

/* input fields for customer information */
.field__inner--horizontal-padding, .field label, .field input[type="text"],
.field input[type="tel"], .field input[type="email"], .field input[type="password"], .field select {
  background-color : inherit;
}

/* form for order total */
.order-summary__section {
  background-color: inherit;
}

/* subtotal/shipping/taxes/total */
.total-line__name {
  color: inherit;
}

/* payment due label */
.payment-due__label{
  color: inherit;
}

/* number value for total */
.payment-due__price{
  color: inherit;
}

/* "Every XX Months/Weeks/Years */
.product{
 color: inherit;
}

/* multiplier of products ordered */
.product__info__name{
 color: inherit;
}

/*headers*/
h1, h2, h3, h4, h5, h6{
  color: inherit;

}

/* order main text */
.order-summary strong{
 color: inherit;
}

/* input field pre-text label */
.label {
 color: inherit;
}

/* name of shop at top of page */
.shop__name{
 color: inherit;
}

/* input field text colour */
.input{
 color: inherit;
}

/* colour of default text when field is empty */
::-webkit-input-placeholder {
   color: inherit;
}

:-moz-placeholder { /* Firefox 18- */
   color: inherit;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: inherit;
}

:-ms-input-placeholder {
   color: inherit;
}

/* select field dropdown text */
.field select{
 color: inherit;
}