.ipt_find{ height: 40px; width: 100%; border-radius: 3px; border: solid 1px #d2d2d2; box-shadow: inset 0 1px 0 #f8f8f8; padding-left: 10px; /*border: 1px solid #40b5ed;*/ } .ipt_find::-webkit-input-placeholder { color: #bdc3c7; } .find_img{ float: left; width: 90px; height: 40px; background: #d2d2d2; text-align: center; } .ipt_find:focus{ outline: 0; border-color: #40ace6; } .find_img_hover{ background: #40ace6; } .select_div { margin-top: 20px; margin-right: 10px; width: 200px; height: 40px; font-size: 14px; color: #333; padding: 10px; /*Chrome和Firefox里面的边框是不一样的,所以复写了一下*/ border: solid 1px #d2d2d2; /*很关键:将默认的select选择框样式清除*/ appearance:none; -moz-appearance:none; -webkit-appearance:none; /*在选择框的最右侧中间显示小箭头图片*/ background: url("../img/下拉框@2x.png") no-repeat scroll right center transparent; /*为下拉小箭头留出一点位置,避免被文字覆盖*/ padding-right: 14px; } .select_div:hover{ /*在选择框的最右侧中间显示小箭头图片*/ background: url("../img/下拉框-选中@2x.png") no-repeat scroll right center transparent; } .button_{ float: left; margin-top: 20px; height: 32px; width: 60px; text-align: center; line-height: 32px; border-radius: 5px; border: 1px solid #e5e5e5; background: #ecf0f3; } .button_:hover{ background: #3b99d8; } .table-hover{ margin-top: 20px; text-align: center; } .sku_list{ margin-top: 20px; width: 100%; margin-top: 40px; color: #34373C; font-size: 20px; } .table>thead>tr>th { border: 2px solid #e4e7e9; height: 50px; font-size: 16px; color: #333; } .table>tbody>tr>td { border: 2px solid #e4e7e9; height: 50px; font-size: 16px; color: #333; } .fedback_thall{ border-top: 2px solid #e4e7e9; } .tbody_th_1{ text-align: center; border-top: 2px solid #e4e7e9; width: 10%; } .tbody_th_2{ text-align: center; border-top: 2px solid #e4e7e9; width: 40%; } .tbody_th_3{ text-align: center; border-top: 2px solid #e4e7e9; width: 50%; }