[erp5_web_renderjs_ui] Fix select rendering on Firefox

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_css.css

@@ -328,11 +328,17 @@ select {
   width: 100%;
   margin: 0;
   padding: 0.4em;
+  padding-right: 1.5em;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
   line-height: 1.4em;
   cursor: pointer;
-  border: none;
   background-image: none;
   background-color: #FFFFFF;
+  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px'><polyline fill-opacity='0.5' points='46.139,15.518 25.166,36.49 4.193,15.519'/></svg>") right no-repeat;
+  background-position: right .2em top 50%;
+  background-size: 1em 1em;
   color: #1F1F1F;
   border-radius: 0.325em;
   border-width: 1px;
@@ -345,6 +351,9 @@ select:hover,
 select:active {
   background-color: #e0e0e0;
 }
+select:-moz-focusring {
+  color: transparent;
+}
 textarea {
   height: 15em;
   width: 100%;

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.47419.7858.59784</string> </value>
+                <value> <string>952.51885.8246.26521</string> </value>
             </item>
             <item>
                 <key> <string>state</string> </key>
@@ -254,7 +254,7 @@
                     </tuple>
                     <state>
                       <tuple>
-                        <float>1469189660.63</float>
+                        <float>1469457573.92</float>
                         <string>UTC</string>
                       </tuple>
                     </state>

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

@@ -366,25 +366,42 @@ select {
    width: 100%;
    margin: 0;
    padding: 0.4em;
+   padding-right: 1.5em;
+
+  -webkit-appearance: none;
+  -moz-appearance: none;
+   appearance: none;
+
    line-height: 1.4em;
-  	cursor: pointer;
+   cursor: pointer;
 
 
-   border: none;
    background-image: none;
    background-color: @colortextboxbackground;
+
+   background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px'><polyline fill-opacity='0.5' points='46.139,15.518 25.166,36.49 4.193,15.519'/></svg>") right no-repeat;
+   background-position: right .2em top 50%;
+   background-size: 1em 1em;
+
+
    color: @colortextboxforeground;
+
    border-radius: @radius;
+
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.3);
-	box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
+   box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
 
    outline-offset: 0;
 
    &:hover, &:active {
      background-color: @colorblocklinkbackground;
    }
+
+   &:-moz-focusring {
+     color: transparent
+   }
 }
 
 textarea {