CSS - Select form element

gistfile1.txt

select,
.woocommerce form .form-row select, 
.gform_wrapper ul.gform_fields li.gfield div.ginput_complex span.ginput_left select,
.gform_wrapper ul.gform_fields li.gfield div.ginput_complex span.ginput_right select,
.gform_wrapper ul.gform_fields li.gfield input[type=radio],
.gform_wrapper ul.gform_fields li.gfield select {
  -webkit-appearance: button;
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-padding-end: 20px;
  -webkit-padding-start: 2px;
  -webkit-user-select: none;
  background-image: url(images/select-arrow.png), -webkit-linear-gradient(#fff, #fff 40%, #fff);
  background-position: right center;
  background-repeat: no-repeat;
  border: 1px solid #d3d4d5;
  color: #77787b;
  font-size: inherit;
  overflow: hidden;
  padding: 5px 9% 5px 1%;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 97%;
  font-size: 14px;
}