我尝试像此图片This is my input那样“显示:无”输入用户代理框,黑框是我的CSS样式,我只想删除“ Scegli文件”框。
是否可能只显示我的输入框?
这是我的html和CSS ...
我使用Qode Builder和视觉作曲家,我的主题是桥接。
我拥有所有lke wp,插件,anche主题的最新版本。
感谢所有帮助
再见了
.cf7_custom_style_1 input.wpcf7-form-control.wpcf7-file, .cf7_custom_style_1 input.wpcf7-form-control.wpcf7-file:not([disabled]) {
background-color: #282828;
border-color: rgba(40,40,40,1);
border-width: 1px;
color: #ffffff;
font-family: Lora;
font-size: 15px;
font-weight: 400;
letter-spacing: 1px;
text-transform: none;
}
.cf7_custom_style_1 input.wpcf7-form-control.wpcf7-file:hover, .cf7_custom_style_1 input.wpcf7-form-control.wpcf7-file:not([disabled]):hover {
color: #000000;
background-color: #f8b045;
border-color: rgba(248,176,69,1);
}
input.wpcf7-form-control.wpcf7-file:not([disabled]):hover {
border-color: #f8b045
}
input.wpcf7-form-control.wpcf7-file:not([disabled]):hover {
background-color: #f8b045;
}
input.wpcf7-form-control.wpcf7-file, input.wpcf7-form-control.wpcf7-file:not([disabled]), .woocommerce-page input[type="file"] {
color: #ffffff;
font-family: 'Lora', sans-serif;
border-color: #000000;
font-size: 16px;
/* line-height: 54px;*/
/*height: 54px;*/
font-style: normal;
font-weight: 400;
background-color: #000000;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
letter-spacing: 1px;
text-transform: none;
}
#file_comment:hover, .post-password-form input[type='file']:hover input.wpcf7-form-control.wpcf7-file:not([disabled]):hover .woocommerce table.cart td.actions input[type="file"]:hover, .woocommerce-page input[type="file"]:hover {
color: #000000;
border-color: #f8b045
}
input.wpcf7-form-control.wpcf7-file:not([disabled]):hover, .woocommerce table.cart td.actions input[type="file"]:hover, .woocommerce-page input[type="file"]:hover {
background-color: #f8b045;
}
input.wpcf7-form-control.wpcf7-file {
position: relative;
display: inline-block;
width: auto;
max-width: 280px;
/*height: 39px;*/
/*line-height: 36px;*/
margin: 0 auto;
margin-bottom: 22px;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 8px;
font-size: 13px;
font-weight: 700;
font-family: Raleway,sans-serif;
text-align: left;
text-decoration: none;
cursor: pointer;
white-space: nowrap;
outline: 0;
font-style: normal;
text-transform: uppercase;
letter-spacing: 1px;
-o-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
text-shadow: none;
background-color: transparent;
-webkit-transition: all .1s linear;
-moz-transition: all .1s linear;
-ms-transition: all .1s linear;
-o-transition: all .1s linear;
transition: all .1s linear;
-webkit-box-sizing: initial;
-moz-box-sizing: initial;
box-sizing: initial;
}
<div class="test">
<span class="wpcf7-form-control-wrap uploadfile"><input type="file" name="uploadfile" size="40" class="wpcf7-form-control wpcf7-file wpcf7-validates-as-required" id="uploadfile" accept=".pdf,.docx" aria-required="true" aria-invalid="false"></span>
</div>