Html 更改谷歌搜索表单的CSS字体？

我把这个css搜索表单放在左上角的旗帜上方。请看这个

---

我想更改上面的css，以便看起来像这样。那么，我应该为此在css上更改什么呢？

删除样式并尝试使用这些样式。可能会有帮助：）

尾端
字段集{border:none；}
输入{背景色：#ffff82；边框：1px实心#cccccc；}
按钮{背景色：#fff；颜色：蓝色；字体大小：粗体；字体系列：sans sarif；边框：无；边框顶部：1px实心#0d6295；边框右侧：1px实心#0d6295；字体大小：15px；}

删除样式并尝试使用这些样式。可能会有帮助：）

尾端
字段集{border:none；}
输入{背景色：#ffff82；边框：1px实心#cccccc；}
按钮{背景色：#fff；颜色：蓝色；字体大小：粗体；字体系列：sans sarif；边框：无；边框顶部：1px实心#0d6295；边框右侧：1px实心#0d6295；字体大小：15px；}

是的，在Opera浏览器中看起来不错，但在mozilla或Chrome浏览器中看起来不太好。而且一定是。你能修改css使其在chrome和mozilla firefox上看起来更好吗？另外，你可以删除标签，我认为这更让人困惑：）是的，在Opera浏览器中看起来不错，但在mozilla或chrome中看起来不好。而且一定是。你能修改css让它在chrome和mozilla firefox上看起来更好看吗？另外，你可以删除标签，我认为这更让人困惑：）

<form action="https://neculaifantanaru.com/search.html" method="get" id="site-search">
    <fieldset>
        <!-- <label for="search">Cauta in site</label> -->
        <input type="text" name="q" id="q" value="" />&nbsp;&nbsp;
        <button type="submit" class="btn btn-inverse">cauta</button>
    </fieldset>
</form>

#site-search {float:right;width:240px;margin:0;padding:0px 0px 0px 0px;font-size:11px;background:#white;}
#site-search LABEL {display:inline-block;font-size:11px;color:#red;}
#site-search INPUT {width:140px;height:22px;margin:90;padding:0px 9px 0px;border-color:#yellow;background:#blueviolet;font-size:11px;}
#site-search BUTTON {width:45px;height:22px;padding:0;margin:90;font-size:11px;line-height:13px;}

<form action="https://neculaifantanaru.com/search.html" method="get" id="site-search">
    <fieldset>
        <!-- <label for="search">Cauta in site</label> -->
        <input type="text" name="q" id="q" value="" />&nbsp;&nbsp;
        <button type="submit" class="btn btn-inverse">cauta</button>
    </fieldset>
</form>

<style>

fieldset{ border: none;}
input { background-color: #ffff82; border: 1px solid #cccccc; }
button { background-color: #fff; color: blue; font-weight: bold; font-family: sans-sarif; border: none; border-top: 1px solid #0d6295; border-right: 1px solid #0d6295; font-size: 15px; }

</style>