百度搜索框样式怎么自定义？

Question

我想让我自己做的搜索框样式修改实现百度搜索功能
研究了半天。。实在是不会了。求高人指点啊

百度给的样式和代码

<form onsubmit="return baiduWithHttps(this)" action="http://www.baidu.com/baidu" target="_blank">
    <input name="tn" type="hidden" value="SE_zzsearchcode_shhzc78w">
    <a href="https://www.baidu.com/" target="_blank">
        <img src="https://www.baidu.com/img/baidu_jgylogo3.gif" alt="Baidu" align="bottom" border="0">
    </a>
    <input type="text"  onfocus="checkHttps" name="word"  size="30">
    <input type="submit"value="百度搜索">
</form>
<script src="http://s1.bdstatic.com/r/www/cache/global/js/BaiduHttps_20150714_zhanzhang.js"></script>
<script>
    function checkHttps () {
        BaiduHttps.useHttps();    
    };
    function baiduWithHttps (formname) {
        var data = BaiduHttps.useHttps();
        if (data.s === 0) {
            return true;
        }
        else {
            formname.action = 'https://www.baidu.com/baidu' + '?ssl_s=1&ssl_c' + data.ssl_code;
            return true;
        }
    };
</script>

搜索框样式代码：

 <input type="text" class="bantxt" id="searchtxt" placeholder="百度搜索..">
 <button class="btn banbutt" type="button" id="seobut"><i class="fa fa-search"></i></button>

Answer 1

如果你是想跳转到百度的话，可以这样~ ~

https://jsfiddle.net/DrakeLeung/jedL9h7u/

Answer 2

chrome开发者工具里面看css啊