find_sku.css 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. .ipt_find{
  2. height: 40px;
  3. width: 100%;
  4. border-radius: 3px;
  5. border: solid 1px #d2d2d2;
  6. box-shadow: inset 0 1px 0 #f8f8f8;
  7. padding-left: 10px;
  8. /*border: 1px solid #40b5ed;*/
  9. }
  10. .ipt_find::-webkit-input-placeholder {
  11. color: #bdc3c7;
  12. }
  13. .find_img{
  14. float: left;
  15. width: 90px;
  16. height: 40px;
  17. background: #d2d2d2;
  18. text-align: center;
  19. }
  20. .ipt_find:focus{
  21. outline: 0;
  22. border-color: #40ace6;
  23. }
  24. .find_img_hover{
  25. background: #40ace6;
  26. }
  27. .select_div {
  28. margin-top: 20px;
  29. margin-right: 10px;
  30. width: 200px;
  31. height: 40px;
  32. font-size: 14px;
  33. color: #333;
  34. padding: 10px;
  35. /*Chrome和Firefox里面的边框是不一样的,所以复写了一下*/
  36. border: solid 1px #d2d2d2;
  37. /*很关键:将默认的select选择框样式清除*/
  38. appearance:none;
  39. -moz-appearance:none;
  40. -webkit-appearance:none;
  41. /*在选择框的最右侧中间显示小箭头图片*/
  42. background: url("../img/下拉框@2x.png") no-repeat scroll right center transparent;
  43. /*为下拉小箭头留出一点位置,避免被文字覆盖*/
  44. padding-right: 14px;
  45. }
  46. .select_div:hover{
  47. /*在选择框的最右侧中间显示小箭头图片*/
  48. background: url("../img/下拉框-选中@2x.png") no-repeat scroll right center transparent;
  49. }
  50. .button_{
  51. float: left;
  52. margin-top: 20px;
  53. height: 32px;
  54. width: 60px;
  55. text-align: center;
  56. line-height: 32px;
  57. border-radius: 5px;
  58. border: 1px solid #e5e5e5;
  59. background: #ecf0f3;
  60. }
  61. .button_:hover{
  62. background: #3b99d8;
  63. }
  64. .table>thead>tr>th {
  65. border: 2px solid #e4e7e9;
  66. height: 50px;
  67. font-size: 16px;
  68. color: #333;
  69. }
  70. .table>tbody>tr>td {
  71. border: 2px solid #e4e7e9;
  72. height: 50px;
  73. font-size: 16px;
  74. color: #333;
  75. }