輸入字段的風格變化

我可以改變輸入字段的風格變化

<div id="datafeedr-2" class="widget store_widget"> 
<h3 class="widget-title"> 
    Search Store 
    </h3> 
    <div id="wdgt_ss"> 
<script type="text/javascript"> 
<!-- 
    /* 
    * NOTE: This JS code would be much better off 
* existing in your theme's header.php file. 
*/ 
function wash(anInput) { if(anInput.value == anInput.defaultValue) anInput.value = ''; } 
function checkWash(anInput) { if(anInput.value == '') anInput.value =anInput.defaultValue; } 
//--> 
</script> 
<div class="store_search_form" style="border: none;"> 
    <form action="/search/" method="get"><input onfocus="wash(this);"onblur="checkWash(this);" value="Search store..." name="word" pmbx_context="4F13FC2D-6A04-435C-AA7C-7AA2FEF6FC7E"> 
<input type="submit" value="Go" pmbx_context="E41A706C-6E36-4DE6-B2C3-3DF4B01B1D30"> 
</form> 
</div>  
    </div><!-- @@CACHE --> 
    </div>

我已經嘗試使用類ID和輸入字段應用的樣式如CSS

input.store_search_form 
    { 

    code 

    }

輸入字段的風格但它沒有工作

我需要這個搜索欄的樣式，就像它上面的默認搜索欄一樣

Site url

產品搜索欄是從www.datafeedr.com

來源

2013-04-14 karthik patruni

插件試試這個

input[type=search] 
    /* your style */ 

input[type=submit] 
    /* your style */ 

or add id for inputs

演示： http://jsfiddle.net/vwyhm/

來源

2013-04-14 14:03:14 Live

實際上我有reset.css標籤，按鈕，輸入{垂直對齊：中部;} \t \t 按鈕，輸入，選擇，文本區域{ \t \t餘量：0; \t \t -moz-box-sizing：border-box; -webkit-box-sizing：border-box;盒子尺寸：邊框; \t \t -moz-transition：all 0.2s ease-in; -webkit-transition：全部0.2s緩解; -o-transition：全部爲0.2s緩和; \t \t/* font-family：inherit; font-size：100％; */ \t} \t button，input {line-height：normal;} –

用html和css做一個小提琴，並且寫下你想要的樣子 – Live

<input onfocus="wash(this);" onblur="checkWash(this);" value="Search store..." name="word" type="text">

然後，只需一類風格的寬度。添加類型= 「文本」

來源

2013-04-14 14:10:48

實際上它來自插件php，混淆http://jsfiddle.net/VL64L/ –

實際上面jsfiddle是php代碼引導我 –

輸入字段的風格變化

回答

相關問題