是否可以在搜索欄中設置搜索建議的樣式？如何通過css調用它？

我目前正在RoR網站上工作。我有一個搜索欄，用戶可以輸入 - 但是，搜索欄中的建議似乎來自最近基於互聯網歷史記錄的搜索。有沒有一種方法來設置搜索建議的樣式？我希望搜索建議的背景透明。不過，我似乎無法通過CSS訪問下拉菜單。這裏是我的HTML：是否可以在搜索欄中設置搜索建議的樣式？如何通過css調用它？

<form action="/search"> 
    <input name="search_query" class="lanSearch" placeholder="" size="14" autofocus="autofocus"><br> 
    <input type="submit" value="Submit" class="hide"/> 
    </form>

這裏是我的CSS：

.lanSearch{ 
    background-color: transparent; 
    font-size: 5vw; 
    color:white; 
    border:0; 
    border-bottom:solid 3px white; 
    margin-top: 2vh; 
}

來源

2015-12-16 Acrux

什麼*提供*的功能，以及'建議'如何實際顯示？我不知道任何瀏覽器將填充'最近的搜索歷史'的建議.. – user2864740

我建議你創建一個jsfiddle – Synoon

你是在談論你的瀏覽器的建議？你不能設計它們。 –

你不能風格內部自動完成，但您可以創建一個完全自定義的搜索建議/自動完成一些CSS和JS的幫助下處理和禁用內部：

<input type="text" name="foo" autocomplete="off">

來源

2015-12-16 07:52:43

是否可以在搜索欄中設置搜索建議的樣式？如何通過css調用它？

回答

相關問題