鉻v 32 - html元素大小問題

Question

鉻32更新後，html元件的寬度（input，select，..）由css具有這些屬性定義 不起作用：

position:absolute; 
left:10px; 
right:20px; 

在鉻31和所有其他瀏覽器的作品。

起來看看這款鉻32

http://jsfiddle.net/EAkLb/7/

Answer 1

我猜這是什麼W3C表示，渲染輸入元素（我說我想和我dindn't放說，由於W3C規範鏈接的正確方法我沒有找到它的官方鏈接）

一個簡單的workarround是創建位置絕對和左右屬性的容器div和創建一個寬度輸入：100％;

<div class="container"> 
    <input type="text"/> 
</div> 

<style type="text/css"> 
    .container { 
     position:absolute; 
     left:10px; 
     right:20px; 
    } 
    .container input { 
     width: 100%; 
    } 
</style> 

像http://jsfiddle.net/pjK8s/1/

如果你需要把填充比你需要的款式的容器看起來象輸入，讓輸入是透明的

<div class="container"> 
    <input type="text"/> 
</div> 

<style type="text/css"> 
    .container { 
     position:absolute; 
     left:10px; 
     right:20px; 
     padding: 1px 8px; 
     margin: 2px 0px; 
     -webkit-appearance: textfield; 
    } 
    .container input { 
     width: 100%; 
     border: 0px; 
     margin: 0px; 
     padding: 0px; 
     background: transparent; 
     outline: none; 
    } 
</style> 

像http://jsfiddle.net/Vyj22/1/