覆盖用户代理输入样式表以在Wordpress中设置我的CSS

时间:2018-09-20 11:04:26

标签: html css wordpress

我尝试像此图片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>

0 个答案:

没有答案