html - Firefox 看不到输入文本

Question

您好，我制作了一个表单并使用 css 设置了样式，所有浏览器都很好，一切正常。在 Firefox 中我看不到我写的文本...我什至无法选择它。只有选择字段才能正确显示文本。

为什么？

    .pText{
margin-top: -8px !important;
}
.codiceVerifica{
margin-top: -20px !important;
}

.codiceInserito{
margin-top: -20px !important;
border-radius: 5px;
padding-left: 4px;
width: 100% !important;
}
.textVerifica{
margin-top: -15px !important;
margin-bottom: 5px !important;
}

.numberBlu{
 margin-top: -29px !important;
}

.numberWhite{
 margin-top: -29px !important;
}

.colonnaDestra{
 width: 45% !important;
float:left !important;
margin-top: -40px !important;
}
.colonnaCentrale{
 width: 10% !important;
 text-align: center !important;
 float: left !important;
margin-top: -44px !important;
}
.colonnaSinistra{
 width: 45% !important;
 float:left !important;
margin-top 15px;
margin-bottom: 45px;
}
.colSinistra2{
 width: 45% !important;
 float:left !important;
margin-top: 45px !important;
background-color:red;
}

.colonnaCentraleN4{
 width: 100% !important;
 text-align: center !important;
 float: left !important;
margin-top: -58px !important;
margin-bottom: 40px !important;
}
.colonnaDestraN4{
 width: 50% !important;
float:left !important;
border-left: 3px solid #96cde8;
text-align: center;
padding-bottom: 35px!important;
}
.colonnaCentraleN4Inversa{
 width: 100% !important;
 text-align: center !important;
 float: left !important;
margin-bottom: 75px !important;
}
.colonnaDestra2{
width: 45% !important;
float:left !important;
text-align: end;
padding-bottom: 35px!important;
}

.colonnaDestraN42{
 width: 50% !important;
float:left !important;
border-left: 3px solid #96cde8;
text-align: center;
padding-bottom: 35px!important;
}

.colonnaSinistraN4{
 width: 50% !important;
 float:left !important;
border-right: 3px solid #96cde8;
text-align: center;
padding-bottom: 35px!important;
}


.swatch-test .btn-link{
text-decoration: none;
box-shadow: none;
font-weight: 600 !important;
}

.swatch-test .btn-link:hover, [class*="swatch-"] .swatch-test .btn-link:hover{
 text-decoration: underline !important;
}

.swatch-white-background-with-blue-elements .btn-link, [class*="swatch-"] .swatch-white-background-with-blue-elements .btn-link{
text-decoration: none;
box-shadow: none;
font-weight: 600 !important;
}

.swatch-white-background-with-blue-elements .btn-link:hover, [class*="swatch-"] .swatch-white-background-with-blue-elements .btn-link:hover{
 text-decoration: underline !important;
}

/*  
**************** form partecipate style
*/
#fp_c2_r1{
    width: 100%;
}
#fp_c2_r1_left{
    width: 45%;
    float: left;
}
#fp_c2_r1_right{
    width: 45%;
    float: right;
}
#fp_c2_r1_ p{
    margin-bottom: 12px;
}

#fp_c2_r1 input[type="text"]{
    width:240px;
        border-radius: 5px;
}
#fp_c2_r1select{
    width:240px;
border-radius: 5px;
        -moz-border-radius: 5px;
}

.modal-title{
 margin: 0;
color: #009ed7;
font-size: 32px !important;
font-family: "Lato";
font-weight: 300;
width: 70%;
line-height: 1.42857143;
}

.modal.in .modal-dialog{
transition: transform .3s ease-out; 
width:95%; 
max-width:860px !important; 
margin: 130px auto !important
}

.modal-content{
 border-radius: 8px ;
}

.styleSamexWeTrust{
padding-top: 30px !important;
}

.flex-viewport { height: auto !important; }

.captcha{
 width: 100%;
float: left;
margin-bottom:15px;
}

.codiceCaptcha{
 width:12%;
float: left;
margin-top: 6px;
}

.inserisciCodice{
 width: 88%;
float:left;
}
@media all{
.privacyBox{
 width:100%;
float:left;
margin-bottom:15px;
}
}

.checkPrivacy{
 float:left;
margin-right: 9px;
width: auto;
}

.privacyText{
 float:left;
width:auto;
font-size: 14px;
}

@media all{
.bottoneInviaForm{
 text-align: center;
width:100%;
float:left
}}

.section.has-bottom:not(.has-top):nth-child(3){
 text-align: center;
}

#text-7{
 border-left: 2px solid #96cde8 !important; 
padding-left: 40px;
min-height: 200px;
}

#swatch_social-3{
 border-left: 2px solid #96cde8 !important; 
text-align: -webkit-center;
min-height: 200px;
}

@media screen and (max-width:992px){
#swatch_social-3{
width: 50%;
text-align: -webkit-center;
min-height: 200px;
float: left;
}

#text-7{
width: 50%;
padding-left: 40px;
min-height: 200px;
float: left;
}

#text-3{
width: 100%;
float: left;
text-align: -webkit-center;
}


.colonnaDestra{
 width: 100% !important;
float:left !important;
margin-top: -40px !important;
text-align: -webkit-center;
}
.colonnaCentrale{
 width: 0% !important;
}
.colonnaSinistra{
 width: 100% !important;
 float:left !important;
margin-top 15px;
margin-bottom: 45px;
text-align: -webkit-center;
}


}

@media screen and (max-width:550px){
#swatch_social-3{
width: 100%;
min-height: 200px;
 float: left;
 border-top: 2px solid #96cde8 !important; 
border-left: none!important;
text-align: -webkit-center;
margin-top: 10px;
padding: 0px !important;
}

#text-7{
width: 100%;
min-height: 200px;
 float: left;
 border-top: 2px solid #96cde8 !important; 
border-left: none!important;
text-align: -webkit-center;
padding: 0px !important;
}

#text-3{
width: 100%;
float: left;
text-align: -webkit-center;
}

}

.formPartecipa{

}
.formPartecipa input[type="text"], input[type="email"]:focus, input[type="tel"], input[type="tel"]:focus, input[type="email"], input[type="file"], input[type="file"]:focus{
height: 4px;
padding: 15px;
border-radius: 8px;
margin-bottom: 8px;
border-style: solid;
border-width: 2px;
border-color: #96cde8;
width: 100%;
font-size: 13px !important;
line-height: 27px !important;

}

.formPartecipa textarea, textarea:focus{
padding: 0px 15px 0px 15px;
border-radius: 8px;
margin-bottom: 8px;
border-style: solid;
border-width: 2px;
border-color: #96cde8;
width: 100%;
font-size: 13px !important;
line-height: 27px !important;

}

.formPartecipa label{
font-size: 13px !important;
margin:0px;
}

.formPartecipa input[type="file"], input[type="file"]:focus{
padding: 1px 10px 0px 10px;
height: 34px;
}



.select-wrap{
border-radius: 8px;
margin-bottom: 8px;
border-style: solid;
border-width: 2px;
border-color: #96cde8;
width: 100%;
font-size: 13px !important;
line-height: 26px;
heigh:34px;
}


.select-wrap:after, select{
line-height: 27px !important;
}
.attivita{
width: 100%;
float: left;
}

.ragioneSociale{
 width: 100%;
float: left;
}


.settore{
width: 100%;
float: left;
}



.wpcf7-form-control-wrap{
 padding-right: 15px !important;
line-height: 27px !important;
}

.nome{
 width: 100%;
float: left;
}

.cognome{
 width: 100%;
float: left;
}

.citta{
 width: 70%;
float: left;
}

.cap{
 width: 30%;
float: left;
}

.indirizzo{
 width: 70%;
float: left;
}

.numero-civico{
 width: 30%;
float: left;
}

.email{
 width: 60%;
float: left;
}

.sito-web{
 width: 40%;
float: left;
}

.messaggio{
 width: 100%;
float: left;
}

.recapito-telefonico{
 width: 100%;
float: left;
}
.origine{
 width: 50%;
float: left;
}

.specifica-origine{
 width: 50%;
float: left;
}

.uploadVisuraCamerale{
width: 100%;
float:left;
}

.bilancio{
width: 100%;
float:left;
}

这是 css 的一部分...如您所见，其中没有颜色信息。如果我添加颜色:红色；它仍然不会显示它。它可以是什么？它只是发生在 Firefox 上

Answer 1

可见部分是padding空格，文字在下。

您的填充很重要，您可以固定高度。您必须删除高度属性才能解决您的问题。