textbox.css 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. .textbox {
  2. position: relative;
  3. border: 1px solid #95B8E7;
  4. background-color: #fff;
  5. vertical-align: middle;
  6. display: inline-block;
  7. overflow: hidden;
  8. white-space: nowrap;
  9. margin: 0;
  10. padding: 0;
  11. -moz-border-radius: 5px 5px 5px 5px;
  12. -webkit-border-radius: 5px 5px 5px 5px;
  13. border-radius: 5px 5px 5px 5px;
  14. }
  15. .textbox .textbox-text {
  16. font-size: 12px;
  17. border: 0;
  18. margin: 0;
  19. padding: 4px;
  20. white-space: normal;
  21. vertical-align: top;
  22. outline-style: none;
  23. resize: none;
  24. -moz-border-radius: 5px 5px 5px 5px;
  25. -webkit-border-radius: 5px 5px 5px 5px;
  26. border-radius: 5px 5px 5px 5px;
  27. }
  28. .textbox textarea.textbox-text {
  29. white-space: pre-wrap;
  30. }
  31. .textbox .textbox-prompt {
  32. font-size: 12px;
  33. color: #aaa;
  34. }
  35. .textbox .textbox-button,
  36. .textbox .textbox-button:hover {
  37. position: absolute;
  38. top: 0;
  39. padding: 0;
  40. vertical-align: top;
  41. -moz-border-radius: 0 0 0 0;
  42. -webkit-border-radius: 0 0 0 0;
  43. border-radius: 0 0 0 0;
  44. }
  45. .textbox-button-right,
  46. .textbox-button-right:hover {
  47. border-width: 0 0 0 1px;
  48. }
  49. .textbox-button-left,
  50. .textbox-button-left:hover {
  51. border-width: 0 1px 0 0;
  52. }
  53. .textbox-addon {
  54. position: absolute;
  55. top: 0;
  56. }
  57. .textbox-icon {
  58. display: inline-block;
  59. width: 18px;
  60. height: 20px;
  61. overflow: hidden;
  62. vertical-align: top;
  63. background-position: center center;
  64. cursor: pointer;
  65. opacity: 0.6;
  66. filter: alpha(opacity=60);
  67. text-decoration: none;
  68. outline-style: none;
  69. }
  70. .textbox-icon-disabled,
  71. .textbox-icon-readonly {
  72. cursor: default;
  73. }
  74. .textbox-icon:hover {
  75. opacity: 1.0;
  76. filter: alpha(opacity=100);
  77. }
  78. .textbox-icon-disabled:hover {
  79. opacity: 0.6;
  80. filter: alpha(opacity=60);
  81. }
  82. .textbox-focused {
  83. -moz-box-shadow: 0 0 3px 0 #95B8E7;
  84. -webkit-box-shadow: 0 0 3px 0 #95B8E7;
  85. box-shadow: 0 0 3px 0 #95B8E7;
  86. }
  87. .textbox-invalid {
  88. border-color: #ffa8a8;
  89. background-color: #fff3f3;
  90. }