浏览代码

css stylying for disabled mode, issue #76

Igor Vaynberg 13 年之前
父节点
当前提交
98903a4621
共有 1 个文件被更改,包括 35 次插入0 次删除
  1. 35 0
      select2.css

+ 35 - 0
select2.css

@@ -282,6 +282,22 @@ disabled look for already selected choices in the results dropdown
   display: list-item;
 }
 
+/* disabled styles */
+
+.select2-container.select2-container-disabled .select2-choice {
+    background-color: #f4f4f4;
+    background-image: none;
+    border: 1px solid #ddd;
+    cursor: default;
+}
+
+.select2-container.select2-container-disabled .select2-choice div {
+    background-color: #f4f4f4;
+    background-image: none;
+    border-left: 0;
+}
+
+
 /* multiselect */
 
 .select2-container-multi .select2-choices {
@@ -408,4 +424,23 @@ disabled look for already selected choices in the results dropdown
   padding: 0;
 }
 
+/* disabled styles */
+
+.select2-container-multi.select2-container-disabled .select2-choices{
+    background-color: #f4f4f4;
+    background-image: none;
+    border: 1px solid #ddd;
+    cursor: default;
+}
+
+.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
+    background-image: none;
+    background-color: #f4f4f4;
+    border: 1px solid #ddd;
+    padding: 3px 5px 3px 5px;
+}
+
+.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
+    display: none;
+}
 /* end multiselect */