解决方法：用普通标签模拟，背景图设置在普通标签里面，表单功能还是用input来实现，交互功能得用JavaScript来实现。换句话说，CSS控制普通标签的样式来美化表单，JavaScript实现表单交互功能。
案例分析：移动端兼容 - 调用相册的按钮样式处理
具体情形：<input type="file" accept="image/*capture=camera">或者<input type="file" capture="photo">设背景图无效。在我们的移动端网页当中，会有上传照片的操作需求。此时会使用到文件类型的input文本框，但是不同的系统不同的浏览器在样式上均不相同，而且，设置背景图也没有效果。
解决方法：通过设置opacity为0来进行模拟，背景图设置在其他标签里面。换句话说样式用普通标签模拟，功能用input来实现。
测试效果图：
《CSS美化表单大集锦》
通常来说js无法通过css美化的，js偏向于逻辑算法、动态交互类的。css的美化功能主要是针对html的，与js有也是间接的关联，比如通过js给html标签动态添加一些css样式，或者给html标签动态添加具有css样式的类名等。
