find_sku.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  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-hover{
  65. margin-top: 20px;
  66. text-align: center;
  67. }
  68. .sku_list{
  69. margin-top: 20px;
  70. width: 100%;
  71. margin-top: 40px;
  72. color: #34373C;
  73. font-size: 20px;
  74. }
  75. .table>thead>tr>th {
  76. border: 2px solid #e4e7e9;
  77. height: 50px;
  78. font-size: 16px;
  79. color: #333;
  80. }
  81. .table>tbody>tr>td {
  82. border: 2px solid #e4e7e9;
  83. height: 50px;
  84. font-size: 16px;
  85. color: #333;
  86. }
  87. .fedback_thall{
  88. border-top: 2px solid #e4e7e9;
  89. }
  90. .tbody_th_1{
  91. text-align: center;
  92. border-top: 2px solid #e4e7e9;
  93. width: 10%;
  94. }
  95. .tbody_th_2{
  96. text-align: center;
  97. border-top: 2px solid #e4e7e9;
  98. width: 40%;
  99. }
  100. .tbody_th_3{
  101. text-align: center;
  102. border-top: 2px solid #e4e7e9;
  103. width: 50%;
  104. }