Php 更改悬停CSS上的输入值
按钮的值为我提供了站点上按钮的名称。我想在悬停时更改此按钮的名称,但我不知道如何更改Php 更改悬停CSS上的输入值,php,css,Php,Css,按钮的值为我提供了站点上按钮的名称。我想在悬停时更改此按钮的名称,但我不知道如何更改 echo '<form id="pszycisk" method="POST" >'; echo "<input id='submit' class='$przycisk' name ='obejrzane' type='submit' value='$przycisk' > "; ec
echo '<form id="pszycisk" method="POST" >';
echo "<input id='submit' class='$przycisk' name ='obejrzane' type='submit' value='$przycisk' > ";
echo '</form>';
echo';
回声“;
回声';
您可以使用JavaScript通过onmouseover
事件更改悬停时的名称,也可以通过onmouseout
事件更改回以前的名称
var submitBtn=document.getElementById('submit')
var submitBtnOriValue=document.getElementById('submit').value;
submitBtn.onmouseover=函数(){
submitBtn.value=“悬停”
}
submitBtn.onmouseout=函数(){
submitBtn.value=submitBtnOriValue;
}
您可以使用JavaScript通过onmouseover
事件更改悬停时的名称,也可以通过onmouseout
事件更改回以前的名称
var submitBtn=document.getElementById('submit')
var submitBtnOriValue=document.getElementById('submit').value;
submitBtn.onmouseover=函数(){
submitBtn.value=“悬停”
}
submitBtn.onmouseout=函数(){
submitBtn.value=submitBtnOriValue;
}
如果您需要纯css解决方案,可以这样做。将两个按钮放置在同一位置,其中一个默认情况下隐藏,仅当可见按钮悬停时显示:
.button容器{
位置:相对位置;
}
.把我藏起来,
.悬停,让我看看{
位置:绝对位置;
排名:0;
左:0;
宽度:100px;
}
.悬停,让我看看{
显示:无;
}
.悬停隐藏我:悬停+.悬停显示我{
显示:块;
}
.悬停演示:悬停{
显示:块;
}
如果您需要纯css解决方案,可以这样做。将两个按钮放置在同一位置,其中一个默认情况下隐藏,仅当可见按钮悬停时显示:
.button容器{
位置:相对位置;
}
.把我藏起来,
.悬停,让我看看{
位置:绝对位置;
排名:0;
左:0;
宽度:100px;
}
.悬停,让我看看{
显示:无;
}
.悬停隐藏我:悬停+.悬停显示我{
显示:块;
}
.悬停演示:悬停{
显示:块;
}