在輸入欄上

在輸入欄上

<span id = "referralValue"> 
 
    <input type="number" name="value" value="0.00"> 
 
</span>

大家好Permenantly顯示向上/向下唱首歌，

目前，我有下面的代碼。當您將鼠標懸停在輸入框上時，該框右側有兩個圖標，您可以上下切換以增加/減少一個值。我不確定如何顯示通過CSS增加/減少值的向上和向下按鈕。

任何想法。

來源

2017-01-30 Sammy Sung

當你運行你的代碼時，兩個按鈕總是在那裏;我可以經常看到它們。我正在使用firefox – JavaQueen

這是瀏覽器的樣式。每個瀏覽器都以不同的方式呈現，而且你無法對它們進行設計它就像所需的屬性;每個瀏覽器在輸入需要爲空時爲工具提示定義樣式 – kiwi1342

這與瀏覽器有關，不幸的是，以一致的方式（如其他幾個輸入控件）很難或不可能進行樣式設置。嘗試使用第三方插件來實現這一點可能會更好，例如jQuery UI微調：https：//jqueryui.com/spinner/ –

-1

如果你真的想要永久地上下箭頭，你需要爲使用Javascript和CSS的應用程序構建自己的解決方案。

已經有類似的東西叫做HTML5 Number polyfill。

如果你已經在使用jQuery或可以使用它，你應該看看這個。

來源

2017-01-30 11:06:42 Eddi

你可以做到這一點使用下面的CSS（在Chrome）：

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
     opacity: 1; 
}

瞭解更多信息click here

來源

2017-01-30 11:11:50

目標旋轉按鈕並設置Opacity爲1

<style> 
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {  
    opacity: 1;  
} 
</style> 

<span id = "referralValue"> 
    <input type="number" name="value" value="0.00" min="" max=""> 
</span>

套裝min和max值根據您的方便。

來源

2017-01-30 11:16:10

回答

相關問題