将WebKit的文件上传输入按钮强制向右移动

最新推荐文章于 2022-11-29 17:24:31 发布

cunqu9743

最新推荐文章于 2022-11-29 17:24:31 发布

阅读量193

点赞数

文章标签： java python html php centos

Firefox和IE在文件路径的右侧具有“选择文件”按钮，而WebKit则将其置于左侧。这也使WebKit也可以将其放在右边。

<input type="file">

input[type="file"]{
   -webkit-appearance: none;
   text-align: left;
   -webkit-rtl-ordering:  left;
}
input[type="file"]::-webkit-file-upload-button{
   -webkit-appearance: none;
   float: right;
   margin: 0 0 0 10px;
   border: 1px solid #aaaaaa;
   border-radius: 4px;
   background-image: -webkit-gradient(linear, left bottom, left top, from(#d2d0d0), to(#f0f0f0));
   background-image: -moz-linear-gradient(90deg, #d2d0d0 0%, #f0f0f0 100%);
}