[erp5_web_renderjs_ui] Style readonly select

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_css.css

@@ -346,8 +346,15 @@ select {
   box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
   outline-offset: 0;
 }
-select:hover,
-select:active {
+select[readonly="readonly"] {
+  border: none;
+  background: none;
+  box-shadow: none;
+  padding: 0;
+  line-height: 1em;
+}
+select:not([readonly="readonly"]):hover,
+select:not([readonly="readonly"]):active {
   background-color: #e0e0e0;
 }
 select:-moz-focusring {

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_css.xml

@@ -236,7 +236,7 @@
             </item>
             <item>
                 <key> <string>serial</string> </key>
-                <value> <string>952.52941.50188.56166</string> </value>
+                <value> <string>952.52952.2866.39065</string> </value>
             </item>
             <item>
                 <key> <string>state</string> </key>
@@ -254,7 +254,7 @@
                     </tuple>
                     <state>
                       <tuple>
-                        <float>1469520994.41</float>
+                        <float>1469522486.34</float>
                         <string>UTC</string>
                       </tuple>
                     </state>

bt5/erp5_web_renderjs_ui/SkinTemplateItem/portal_skins/erp5_web_renderjs_ui/erp5css.less.txt

@@ -347,6 +347,8 @@ input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio])
   outline-offset: 0;
 
   &[readonly="readonly"] {
+    // XXX Should be dropped when gadget field do not use input
+    // in read only
     border: none;
     box-shadow: none;
     padding: 0;
@@ -395,13 +397,25 @@ select {
 
    outline-offset: 0;
 
-   &:hover, &:active {
-     background-color: @colorblocklinkbackground;
-   }
+  &[readonly="readonly"] {
+    // XXX Should be dropped when gadget field do not use input
+    // in read only
+    border: none;
+    background: none;
+    box-shadow: none;
+    padding: 0;
+    line-height: 1em;
+  }
 
-   &:-moz-focusring {
-     color: transparent
-   }
+  &:not([readonly="readonly"]) {
+    &:hover, &:active {
+      background-color: @colorblocklinkbackground;
+    }
+  }
+
+  &:-moz-focusring {
+    color: transparent
+  }
 }
 
 textarea {