更改 Google 搜索表單的 CSS 字體？

Question

我在左上角的標志上方有這個 css 搜索表單。 請看這個 鏈接

<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>

我做了這個 css：

 #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;}

我想更改上面的 css，以便看起來像這樣。 LINK 2那么，我應該為此更改我的 css 上的哪些內容？

Answer 1

我在左上角的標志上方有這個 css 搜索表。 請看這個 鏈接

<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>

我做了這個 css：

 #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;}

我想改變上面的css，為了看起來像這樣。 LINK 2那么，我應該為此更改我的 css 什么？

Answer 2

刪除 styles 並嘗試使用這些 styles。可能會有幫助:)

<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>