update

dist/base.css

@@ -1627,10 +1627,6 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
   /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
   word-break: break-word;
 }
-.bi-text:before {
-  content: '';
-  display: block;
-}
 .bi-bubble .bubble-text {
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;

dist/base.js

@@ -15410,7 +15410,7 @@ BI.Popover = BI.inherit(BI.Widget, {
             north: {
                 el: {
                     type: "bi.htape",
-                    cls: "bi-message-title bi-background",
+                    cls: "bi-message-title bi-header-background",
                     ref: function (_ref) {
                         self.dragger = _ref;
                     },

dist/bundle.css

@@ -352,6 +352,26 @@ textarea {
 .bi-theme-dark .bi-background .bi-textarea {
   color: #d6e0dc;
 }
+.bi-header-background {
+  background-color: #F2F4F7;
+  color: #3d4d66;
+}
+.bi-header-background .bi-input {
+  color: #3d4d66;
+}
+.bi-header-background .bi-textarea {
+  color: #3d4d66;
+}
+.bi-theme-dark .bi-header-background {
+  background-color: #2F3149;
+  color: #3d4d66;
+}
+.bi-theme-dark .bi-header-background .bi-input {
+  color: #3d4d66;
+}
+.bi-theme-dark .bi-header-background .bi-textarea {
+  color: #3d4d66;
+}
 .bi-card {
   background-color: #ffffff;
   color: #3d4d66;
@@ -3480,10 +3500,6 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
   /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
   word-break: break-word;
 }
-.bi-text:before {
-  content: '';
-  display: block;
-}
 .bi-bubble .bubble-text {
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;

dist/bundle.js

@@ -51440,7 +51440,7 @@ BI.Popover = BI.inherit(BI.Widget, {
             north: {
                 el: {
                     type: "bi.htape",
-                    cls: "bi-message-title bi-background",
+                    cls: "bi-message-title bi-header-background",
                     ref: function (_ref) {
                         self.dragger = _ref;
                     },
@@ -81492,7 +81492,7 @@ BI.PopupPanel = BI.inherit(BI.MultiPopupView, {
         });
         return BI.createWidget({
             type: "bi.htape",
-            cls: "popup-panel-title bi-background bi-border",
+            cls: "popup-panel-title bi-header-background bi-border",
             height: 25,
             items: [{
                 el: {

dist/case.js

@@ -8702,7 +8702,7 @@ BI.PopupPanel = BI.inherit(BI.MultiPopupView, {
         });
         return BI.createWidget({
             type: "bi.htape",
-            cls: "popup-panel-title bi-background bi-border",
+            cls: "popup-panel-title bi-header-background bi-border",
             height: 25,
             items: [{
                 el: {

dist/core.css

@@ -352,6 +352,26 @@ textarea {
 .bi-theme-dark .bi-background .bi-textarea {
   color: #d6e0dc;
 }
+.bi-header-background {
+  background-color: #F2F4F7;
+  color: #3d4d66;
+}
+.bi-header-background .bi-input {
+  color: #3d4d66;
+}
+.bi-header-background .bi-textarea {
+  color: #3d4d66;
+}
+.bi-theme-dark .bi-header-background {
+  background-color: #2F3149;
+  color: #3d4d66;
+}
+.bi-theme-dark .bi-header-background .bi-input {
+  color: #3d4d66;
+}
+.bi-theme-dark .bi-header-background .bi-textarea {
+  color: #3d4d66;
+}
 .bi-card {
   background-color: #ffffff;
   color: #3d4d66;

dist/core_without_normalize.css

@@ -71,6 +71,26 @@ textarea {
 .bi-theme-dark .bi-background .bi-textarea {
   color: #d6e0dc;
 }
+.bi-header-background {
+  background-color: #F2F4F7;
+  color: #3d4d66;
+}
+.bi-header-background .bi-input {
+  color: #3d4d66;
+}
+.bi-header-background .bi-textarea {
+  color: #3d4d66;
+}
+.bi-theme-dark .bi-header-background {
+  background-color: #2F3149;
+  color: #3d4d66;
+}
+.bi-theme-dark .bi-header-background .bi-input {
+  color: #3d4d66;
+}
+.bi-theme-dark .bi-header-background .bi-textarea {
+  color: #3d4d66;
+}
 .bi-card {
   background-color: #ffffff;
   color: #3d4d66;

dist/fineui.css

@@ -352,6 +352,26 @@ textarea {
 .bi-theme-dark .bi-background .bi-textarea {
   color: #d6e0dc;
 }
+.bi-header-background {
+  background-color: #F2F4F7;
+  color: #3d4d66;
+}
+.bi-header-background .bi-input {
+  color: #3d4d66;
+}
+.bi-header-background .bi-textarea {
+  color: #3d4d66;
+}
+.bi-theme-dark .bi-header-background {
+  background-color: #2F3149;
+  color: #3d4d66;
+}
+.bi-theme-dark .bi-header-background .bi-input {
+  color: #3d4d66;
+}
+.bi-theme-dark .bi-header-background .bi-textarea {
+  color: #3d4d66;
+}
 .bi-card {
   background-color: #ffffff;
   color: #3d4d66;
@@ -3480,10 +3500,6 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
   /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
   word-break: break-word;
 }
-.bi-text:before {
-  content: '';
-  display: block;
-}
 .bi-bubble .bubble-text {
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;

dist/fineui.js

@@ -51661,7 +51661,7 @@ BI.Popover = BI.inherit(BI.Widget, {
             north: {
                 el: {
                     type: "bi.htape",
-                    cls: "bi-message-title bi-background",
+                    cls: "bi-message-title bi-header-background",
                     ref: function (_ref) {
                         self.dragger = _ref;
                     },
@@ -81713,7 +81713,7 @@ BI.PopupPanel = BI.inherit(BI.MultiPopupView, {
         });
         return BI.createWidget({
             type: "bi.htape",
-            cls: "popup-panel-title bi-background bi-border",
+            cls: "popup-panel-title bi-header-background bi-border",
             height: 25,
             items: [{
                 el: {

src/base/layer/layer.popover.js

@@ -46,7 +46,7 @@ BI.Popover = BI.inherit(BI.Widget, {
             north: {
                 el: {
                     type: "bi.htape",
-                    cls: "bi-message-title bi-background",
+                    cls: "bi-message-title bi-header-background",
                     ref: function (_ref) {
                         self.dragger = _ref;
                     },

src/case/layer/layer.panel.js

@@ -32,7 +32,7 @@ BI.PopupPanel = BI.inherit(BI.MultiPopupView, {
         });
         return BI.createWidget({
             type: "bi.htape",
-            cls: "popup-panel-title bi-background bi-border",
+            cls: "popup-panel-title bi-header-background bi-border",
             height: 25,
             items: [{
                 el: {

src/css/base/single/text.css

@@ -13,7 +13,3 @@
   /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
   word-break: break-word;
 }
-.bi-text:before {
-  content: '';
-  display: block;
-}

src/css/core/utils/common.css

@@ -71,6 +71,26 @@ textarea {
 .bi-theme-dark .bi-background .bi-textarea {
   color: #d6e0dc;
 }
+.bi-header-background {
+  background-color: #F2F4F7;
+  color: #3d4d66;
+}
+.bi-header-background .bi-input {
+  color: #3d4d66;
+}
+.bi-header-background .bi-textarea {
+  color: #3d4d66;
+}
+.bi-theme-dark .bi-header-background {
+  background-color: #2F3149;
+  color: #3d4d66;
+}
+.bi-theme-dark .bi-header-background .bi-input {
+  color: #3d4d66;
+}
+.bi-theme-dark .bi-header-background .bi-textarea {
+  color: #3d4d66;
+}
 .bi-card {
   background-color: #ffffff;
   color: #3d4d66;

src/less/base/single/text.less

@@ -5,9 +5,4 @@
   .box-sizing(border-box);
   // BI-9141 加的，但是去掉后在firefox下没有问题，先去掉以适配ie9
   word-break: break-word;
-  // safari下text-overflow:ellipsis且显示不下会有title
-  &:before {
-    content: '';
-    display: block;
-  }
 }

src/less/core/utils/common.less

@@ -80,6 +80,30 @@ textarea {
   }
 }
 
+.bi-header-background {
+  background-color: @color-bi-background-light-gray;
+  color: @color-bi-text-normal;
+  & .bi-input {
+    color: @color-bi-text-normal;
+  }
+  & .bi-textarea {
+    color: @color-bi-text-normal;
+  }
+}
+
+.bi-theme-dark {
+  .bi-header-background {
+    background-color: @color-bi-background-light-gray-theme-dark;
+    color: @color-bi-text-normal;
+    & .bi-input {
+      color: @color-bi-text-normal;
+    }
+    & .bi-textarea {
+      color: @color-bi-text-normal;
+    }
+  }
+}
+
 //card
 .bi-card {
   background-color: @color-bi-background-default;

src/less/lib/colors.less

@@ -46,6 +46,8 @@
 @color-bi-background-dark-gray: @background-color-dark-gray;
 //灰色背景(浅)
 @color-bi-background-light-gray: @background-color-light-gray;
+//深色主题灰色背景
+@color-bi-background-light-gray-theme-dark: @background-color-light-gray-theme-dark;
 //灰化背景
 @color-bi-background-disabled: @background-color-disabled;
 //成功背景色

src/less/lib/constant.less

@@ -58,6 +58,7 @@
 @background-color-light-blue: #e9f8fd;
 @background-color-dark: #d4dadd;
 @background-color-light-gray: #F2F4F7;
+@background-color-light-gray-theme-dark: #2F3149;
 @background-color-dark-gray: #d0d4da;
 @background-color-disabled: #F2F4F7;
 @background-color-yellow: #ffc101;//