textbox.css 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  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 .textbox-prompt {
  29. font-size: 12px;
  30. color: #aaa;
  31. }
  32. .textbox-button,
  33. .textbox-button:hover {
  34. position: absolute;
  35. top: 0;
  36. padding: 0;
  37. vertical-align: top;
  38. -moz-border-radius: 0 0 0 0;
  39. -webkit-border-radius: 0 0 0 0;
  40. border-radius: 0 0 0 0;
  41. }
  42. .textbox-button-right,
  43. .textbox-button-right:hover {
  44. border-width: 0 0 0 1px;
  45. }
  46. .textbox-button-left,
  47. .textbox-button-left:hover {
  48. border-width: 0 1px 0 0;
  49. }
  50. .textbox-addon {
  51. position: absolute;
  52. top: 0;
  53. }
  54. .textbox-icon {
  55. display: inline-block;
  56. width: 18px;
  57. height: 20px;
  58. overflow: hidden;
  59. vertical-align: top;
  60. background-position: center center;
  61. cursor: pointer;
  62. opacity: 0.6;
  63. filter: alpha(opacity=60);
  64. text-decoration: none;
  65. outline-style: none;
  66. }
  67. .textbox-icon-disabled,
  68. .textbox-icon-readonly {
  69. cursor: default;
  70. }
  71. .textbox-icon:hover {
  72. opacity: 1.0;
  73. filter: alpha(opacity=100);
  74. }
  75. .textbox-icon-disabled:hover {
  76. opacity: 0.6;
  77. filter: alpha(opacity=60);
  78. }
  79. .textbox-focused {
  80. -moz-box-shadow: 0 0 3px 0 #95B8E7;
  81. -webkit-box-shadow: 0 0 3px 0 #95B8E7;
  82. box-shadow: 0 0 3px 0 #95B8E7;
  83. }
  84. .textbox-invalid {
  85. border-color: #ffa8a8;
  86. background-color: #fff3f3;
  87. }