sku_style.css 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. /*实例标题*/
  2. .demo-title{
  3. font-size: 22px;
  4. text-align: center;
  5. color: red;
  6. }
  7. /*sku选择样式*/
  8. li{list-style: none;margin-right:10px;}
  9. li label{cursor: pointer;}
  10. li{float: left;line-height: 30px;}
  11. .clear{
  12. clear: both;
  13. }
  14. .delCusSkuVal,
  15. .delCusSkuType {
  16. font-size: 14px;
  17. text-decoration: none;
  18. color: #666;
  19. }
  20. /*表格样式*/
  21. table.skuTable {
  22. font-size:14px;
  23. color:#333333;
  24. border-width: 1px;
  25. border-color: #ddd;
  26. margin:30px;
  27. border-collapse: collapse;
  28. }
  29. table.skuTable th {
  30. border-width: 1px;
  31. padding: 10px 10px;
  32. border-style: solid;
  33. border-color: #ddd;
  34. color:#666;
  35. background-color: #ededed;
  36. }
  37. table.skuTable td {
  38. border-width: 1px;
  39. padding: 5px 10px;
  40. border-style: solid;
  41. border-color: #ddd;
  42. background-color: #ffffff;
  43. color:#777;
  44. widows: auto;
  45. text-align: center;
  46. font-size: 12px;
  47. }
  48. table.skuTable td input{
  49. width:100%;
  50. border:none;
  51. font-size:14px;
  52. padding:0;
  53. margin:0;
  54. color:#666;
  55. text-align: center;
  56. }
  57. /*输入框样式*/
  58. input[type="text"]{
  59. height: 24px;
  60. display: inline-block;
  61. padding: 2px 12px;
  62. font-size: 14px;
  63. line-height: 24px;
  64. color: #555;
  65. background-color: #fff;
  66. background-image: none;
  67. border: 1px solid #ccc;
  68. border-radius: 4px;
  69. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  70. box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  71. -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  72. -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  73. transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  74. }
  75. input[type="text"]:focus {
  76. border-color: #66afe9;
  77. outline: 0;
  78. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
  79. box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
  80. }
  81. /*按钮样式*/
  82. .button{
  83. padding: 4px 10px;
  84. border: none;
  85. background: #34495e;
  86. color: white;
  87. font-size: 16.5px;
  88. text-decoration: none;
  89. text-shadow: none;
  90. -webkit-box-shadow: none;
  91. -moz-box-shadow: none;
  92. box-shadow: none;
  93. -webkit-transition: 0.25s;
  94. -moz-transition: 0.25s;
  95. -o-transition: 0.25s;
  96. transition: 0.25s;
  97. -webkit-backface-visibility: hidden;
  98. -webkit-border-radius: 6px;
  99. -moz-border-radius: 6px;
  100. border-radius: 6px;
  101. font-size: 14px;
  102. cursor: pointer;
  103. }
  104. .cloneSku{
  105. margin: 10px 0 0 40px;
  106. background-color: #3498db;
  107. }
  108. button:focus {
  109. outline: none;
  110. }
  111. /*其他样式*/
  112. li em{
  113. color: #f00;
  114. margin-left: -8px;
  115. width: 8px;
  116. font-style: normal;
  117. vertical-align: sub;
  118. }