我想在我的按钮上使用鼠标悬停。这个按钮在我的php代码中
我试图创建一个我想在我的按钮上使用鼠标悬停。这个按钮在我的php代码中,php,css,Php,Css,我试图创建一个类，但它不起作用，因此我尝试使用样式使其悬停，但它也不起作用。当我悬停时，如何更改按钮的背景色。或者如何在php中创建类 <?php if (isset($_SESSION['uID'])) { echo "<form action='includes/logout.inc.php' > <button>LOG OUT </button> <
类样式悬停按钮的背景色。或者如何在php中创建类
<?php if (isset($_SESSION['uID'])) {
echo "<form action='includes/logout.inc.php' >
<button>LOG OUT </button>
</form>";
} else {
echo" <form action='includes/login.inc.php' method='POST'>
<input type='text' name='u_Email' placeholder='E-mail'> <br/>
<input type='password' name='uWachtwoord' placeholder='Wachtwoord'>
<button style='background-color:orange;color:white;border-width:0px;width:300px;height:50px;font-family:BerlinSansFB;font-size:30px;hover:background-color:black;' name='button' id='button' type='submit'>LOGIN</button>
</form>";
} ?>
将所有这些样式移动到一个单独的CSS文件中，然后使用：hover
伪类，如下所示：
button {
/* All those styles */
}
button:hover {
/* Stuff you want to override on hover. For example: */
background-color: #f00;
}
将所有这些样式移动到单独的CSS文件中，然后使用：hover
伪类，如下所示：
button {
/* All those styles */
}
button:hover {
/* Stuff you want to override on hover. For example: */
background-color: #f00;
}
已更改代码：为按钮添加类名“登录按钮”
<?php if (isset($_SESSION['uID'])) {
echo "<form action='includes/logout.inc.php' >
<button>LOG OUT </button>
</form>";
} else {
echo" <form action='includes/login.inc.php' method='POST'>
<input type='text' name='u_Email' placeholder='E-mail'> <br/>
<input type='password' name='uWachtwoord' placeholder='Wachtwoord'>
<button class='login-button' name='button' id='button' type='submit'>LOGIN</button>
</form>";
} ?>
已更改代码：为按钮添加类名“登录按钮”
<?php if (isset($_SESSION['uID'])) {
echo "<form action='includes/logout.inc.php' >
<button>LOG OUT </button>
</form>";
} else {
echo" <form action='includes/login.inc.php' method='POST'>
<input type='text' name='u_Email' placeholder='E-mail'> <br/>
<input type='password' name='uWachtwoord' placeholder='Wachtwoord'>
<button class='login-button' name='button' id='button' type='submit'>LOGIN</button>
</form>";
} ?>
用内部css试试这个
<style>
.button1 {
background-color: white;
color: black;
border: 2px solid #4CAF50;
}
.button1:hover {
background-color: #4CAF50;
color: white;
}
</style>
.按钮1{
背景色：白色；
颜色：黑色；
边框：2px实心#4CAF50；
}
.按钮1：悬停{
背景色：#4CAF50；
颜色：白色；
}
将此类交给您的按钮并尝试它。
谢谢。尝试使用内部css
<style>
.button1 {
background-color: white;
color: black;
border: 2px solid #4CAF50;
}
.button1:hover {
background-color: #4CAF50;
color: white;
}
</style>
.按钮1{
背景色：白色；
颜色：黑色；
边框：2px实心#4CAF50；
}
.按钮1：悬停{
背景色：#4CAF50；
颜色：白色；
}
将此类交给您的按钮并尝试它。
谢谢。您需要有一个与按钮{}
样式分离的按钮：悬停{}
css样式
最好将css与html分开
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style media="screen">
button {
background-color:orange;
color:white;
border-width:0px;
width:300px;
height:50px;
font-family:BerlinSansFB;
font-size:30px;
}
button:hover {
background-color:black;
}
</style>
</head>
<body>
<?php if ( isset($_SESSION['uID']) ): ?>
<form action='includes/logout.inc.php' >
<button>LOG OUT </button>
</form>
<?php else: ?>
<form action='includes/login.inc.php' method='POST'>
<input type='text' name='u_Email' placeholder='E-mail'> <br/>
<input type='password' name='uWachtwoord' placeholder='Wachtwoord'>
<button name='button' id='button' type='submit'>LOGIN</button>
</form>
<?php endif ?>
</body>
</html>
钮扣{
背景颜色：橙色；
颜色：白色；
边框宽度：0px；
宽度：300px；
高度：50px；
字体系列：SFB；
字体大小：30px；
}
按钮：悬停{
背景色：黑色；
}
注销
登录
您需要有一个与按钮{}
样式分离的按钮：悬停{}
css样式
最好将css与html分开
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style media="screen">
button {
background-color:orange;
color:white;
border-width:0px;
width:300px;
height:50px;
font-family:BerlinSansFB;
font-size:30px;
}
button:hover {
background-color:black;
}
</style>
</head>
<body>
<?php if ( isset($_SESSION['uID']) ): ?>
<form action='includes/logout.inc.php' >
<button>LOG OUT </button>
</form>
<?php else: ?>
<form action='includes/login.inc.php' method='POST'>
<input type='text' name='u_Email' placeholder='E-mail'> <br/>
<input type='password' name='uWachtwoord' placeholder='Wachtwoord'>
<button name='button' id='button' type='submit'>LOGIN</button>
</form>
<?php endif ?>
</body>
</html>
钮扣{
背景颜色：橙色；
颜色：白色；
边框宽度：0px；
宽度：300px；
高度：50px；
字体系列：SFB；
字体大小：30px；
}
按钮：悬停{
背景色：黑色；
}
注销
登录
在或上读取。在或上读取的可能重复。在或上读取的可能重复