--- a/layout/reftests/svg/foreignObject-form-theme.svg
+++ b/layout/reftests/svg/foreignObject-form-theme.svg
@@ -1,14 +1,14 @@
 <svg xmlns='http://www.w3.org/2000/svg' width='500' height='200'>
   <foreignObject width='500' height='500'>
     <div xmlns='http://www.w3.org/1999/xhtml'>
-      <button>this is a button inside of SVG</button>
+      <button style="-moz-appearance: button !important">this is a button inside of SVG</button>
       <br/>
-      <select>
+      <select style="-moz-appearance: menulist !important">
         <option>This is a menu inside of SVG</option>
         <option>a second menu option</option>
       </select>
     </div>
   </foreignObject>
 </svg>
 
 <!-- Bug 686581 -->

--- a/layout/svg/base/src/svg.css
+++ b/layout/svg/base/src/svg.css
@@ -53,17 +53,17 @@ svg:not(:root), symbol, image, marker, p
 foreignObject {
   margin: 0 ! important;
   padding: 0 ! important;
   border-width: 0 ! important;
 }
 
 @media all and (-moz-is-resource-document) {
  foreignObject *|* {
-   -moz-appearance: none;
+   -moz-appearance: none !important;
  }
 }
 
 *|*::-moz-svg-foreign-content {
   display: block !important;
   position: static !important;
   text-indent: 0;
 }