我遇到了一个很烦人的问题。我试图查找有关该主题的一些信息,并尝试了一些可以解决此问题的代码,但是不幸的是,没有运气。有人说应该是CSS问题,其他人则说是形式问题。这些答案似乎都不适合我。我不知道为什么 我正在向您发送我的CSS和HTML表单供您查看。希望您会发现一些问题并向我解释。
HTML:
<div class="contact-box">
<div class="contact-box-nazev">
<h1>ADD VIDEO</h1>
<p>ADD A VIDEO TO SEE IT ON THE MAIN PAGE</p>
<form action="addvideo.php" method="POST" enctype="multipart/form-data">
<input type="text" id="logoname" name="logoname" placeholder="LOGO NAME"><br>
<input type="file" id="myfile" name="myfile"><br>
<input type="text" id="thumbname" name="thumbname" placeholder="THUMBNAIL NAME"><br>
<input type="file" id="mythumbnail" name="mythumbnail"><br>
<input type="text" id="url" name="url" placeholder="VIDEO URL"><br>
<input type="text" id="bck" name="bck" placeholder="BACKGROUND COLOR (HEX)"><br>
<input type="text" id="txt" name="txt" placeholder="TEXT COLOR (HEX)"><br>
<input type="text" id="comment" name="comment" placeholder="COMMENT"><br>
<button type="submit" name="submit">ADD A VIDEO</button>
<p>or delete any existing video <a href="deletevideo.php">here</a></p>
<?php
error_reporting(0);
foreach($errors as $error):
echo "<p style='color: red;'>".$error."</p>";
endforeach;
?>
</form>
</div>
</div>
CSS:
.contact-box
{
width: 50%;
margin: 0 auto;
height: auto;
padding: 10px;
margin-bottom: 150px;
z-index: 5;
}
.contact-box > .contact-box-nazev
{
color: black;
}
.contact-box > .contact-box-nazev > h1
{
text-align: center;
font-family: blackex;
font-size: 75px;
width: 100%;
margin: 0;
}
.contact-box > .contact-box-nazev > p
{
color: BLACK;
text-align: center;
font-size: 13px;
font-family: regular;
}
.contact-box > .contact-box-nazev > form
{
text-align: center;
width: 60%;
margin: 30px 0 30px 0;
margin: 0 auto;
}
.contact-box > .contact-box-nazev > form > input[type=text]
{
padding: 5px 20px 5px 20px;
border-radius: 0px;
margin: 10px;
width: 55%;
background-color: #d2d2d2;
border: none;
color: #7a7a7a;
font-family: regular;
transition: .5s;
}
.contact-box > .contact-box-nazev > form > input[type=password]
{
padding: 5px 20px 5px 20px;
border-radius: 0px;
margin: 10px;
width: 55%;
background-color: #d2d2d2;
border: none;
color: #7a7a7a;
font-family: regular;
transition: .5s;
}
.contact-box > .contact-box-nazev > form > input[type=password]:focus
{
background-color: black;
color: #e9e9e9;
outline: none;
}
.contact-box > .contact-box-nazev > form > input[type=text]:focus
{
background-color: black;
color: #e9e9e9;
}
.contact-box > .contact-box-nazev > form > input[type=text]:focus
{
outline: none;
}
.contact-box > .contact-box-nazev > form > textarea
{
position: relative;
resize: none;
margin: 10px;
width: 55%;
background-color: #d2d2d2;
border: none;
color: #7a7a7a;
padding: 5px 20px 5px 20px;
font-family: regular;
transition: .5s;
border: 0px;
border-radius: 0;
}
.contact-box > .contact-box-nazev > form > textarea:focus
{
background-color: black;
color: #e9e9e9;
}
.contact-box > .contact-box-nazev > form > button
{
padding: 5px 20px 5px 20px;
margin: 10px;
width: 55%;
border: none;
background-color: #ff0026;
color: white;
font-family: regular;
transition: .5s;
z-index: 99;
}
.contact-box > .contact-box-nazev > form > button:hover
{
background-color: black;
color: white;
z-index: 99
}
.contact-box > .contact-box-nazev > form > button:focus
{
display: none;
z-index: 99
}
我找到了解决问题的办法。在删除按钮上的一种特定CSS样式后,该表单开始工作!
.contact-box > .contact-box-nazev > form > button:focus
{
display: none;
z-index: 99
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句