Opera輸入滾動字幕？

我有一個輸入（type='submit'）在一個具有固定寬度（但不是固定高度）的div。在所有的瀏覽器中，除Opera以外，所有文本都在一行中，並且溢出被隱藏（即使設置overflow:visible也無法解決此問題）。Opera輸入滾動字幕？

但是，我發現了一些奇怪的東西，當我試圖選擇輸入內容時，它開始滾動滾動！這在Opera中有些古怪嗎？我無法在任何地方找到它。我無法在任何其他瀏覽器上覆制此行爲。我們在網站上有一些jQuery，但沒有滾動的標籤，也沒有影響這個元素。我的頭目前充滿了跆拳道！

HTML：

<li class="last"> 
    <input id="product-renewal" name="product" type="submit" value="Quite a long bit of text in here"/> 
</li>

CSS：

li.last{ 
    flat:left; 
    display: list-item; 
    list-style-type:none; 
    text-align:left; 
} 
input{ 
    border: 0; 
    margin: 1px 0; 
    padding: 125px 0 10px; 
    white-space: normal; 
    overflow: visible; 
    width:150px; 
}

我剪斷了一下，但這一切，應該是相關的。

我檢查JS關閉：它仍然這樣做，所以這絕對是一些本土的歌劇行爲。

來源

2012-05-17 fredley

什麼在世界上？這迫切需要一些代碼來檢查。 – MetalFrog

@MetalFrog我已經添加了代碼。我很困惑。 – fredley

哇，這是一些時髦的行爲。我的意思是，我猜它很酷，因爲它會在輸入按鈕上顯示全文，但它很古怪。我假設你用圖像替換按鈕，並且你需要它是那個特定的大小？

這給了我在Opera和Chrome中的相同行爲。除此之外沒有測試過。

http://jsfiddle.net/nLS9M/2/

<ul> 
    <li class="last"> 
     <button id="product-renewal" name="product" type="submit">Quite a long bit of text in here</button> 
    </li> 
</ul> 

li.last{ 
    flat:left; 
    display: list-item; 
    list-style-type:none; 
    text-align:left; 
} 
button{ 
    border: 0; 
    margin: 1px 0; 
    padding: 125px 0 10px; 
    white-space: normal; 
    overflow: visible; 
    width:150px; 
}

來源

2012-05-17 15:40:56 MetalFrog

這是一個已知的問題/歌劇錯誤。（我說「知道」在「我知道它」，我猜這不是「衆所周知」:-)）

Opera不支持<input type="button">或type = submit的多行自動換行，但會滾動到聚焦的文本溢出。

來源

2012-05-25 10:10:55 hallvors

Opera輸入滾動字幕？

回答

相關問題