From d265bcd8988ae9e83b84b375a58e074e5ffa5656 Mon Sep 17 00:00:00 2001 From: Simon Rettberg Date: Wed, 30 Sep 2015 11:51:59 +0200 Subject: Make file input look more consistent across browsers --- style/default.css | 26 ++++++++++++++++++++++++++ 1 file changed, 26 insertions(+) (limited to 'style') diff --git a/style/default.css b/style/default.css index 69a12699..9e430b73 100644 --- a/style/default.css +++ b/style/default.css @@ -187,3 +187,29 @@ body { .slx-strike { text-decoration: line-through; } + +/* File upload */ + +.btn-file { + position: relative; + overflow: hidden; +} +.btn-file input[type=file] { + position: absolute; + top: 0; + right: 0; + min-width: 100%; + min-height: 100%; + font-size: 100px; + text-align: right; + filter: alpha(opacity=0); + opacity: 0; + background: red; + cursor: inherit; + display: block; + cursor: pointer; +} +input[readonly] { + background-color: white !important; + cursor: text !important; +} \ No newline at end of file -- cgit v1.2.3-55-g7522