HTML文件输入不尊重溢出隐藏

时间:2015-03-12 12:54:45

标签: html css file-upload

file input内有一个div元素border-radiusoverflow设置为hidden,但出于某种原因,我可以激活通过单击border-radius切断的区域输入文件。

JS小提琴:http://jsfiddle.net/7consvgu/1/

1 个答案:

答案 0 :(得分:2)

I have updated your code is JSFiddle - [https://jsfiddle.net/7consvgu/4/][1]
    * Changes: Input width added: 100%;
    * Border-radius: same as circle
    * Box-sizing: border-box for all elements for normalize
    * Padding: to align text horizontal & vertical center