js auto hover button & html5 button autofocus

input

// html 5

<input name="myinput" value="whatever" autofocus />

// auto focus

// <input type="text" id="mytext"/>

function setFocusToTextBox(){

    document.getElementById("mytext").focus();

}

https://stackoverflow.com/questions/17500704/javascript-set-focus-to-html-form-element

HTML5 & autofoucs

https://www.w3schools.com/jsref/prop_pushbutton_autofocus.asp

https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_pushbutton_autofocus

button ??? OK



<button id="myBtn" autofocus>My Button</button>

// <button onclick="myFunction()">Try it</button>

// <p id="demo"></p>

function myFunction() {

  var x = document.getElementById("myBtn").autofocus;

  document.getElementById("demo").innerHTML = x;

}

auto css hover in js

opacity & transparent



.hui-btn-dashed-hover {

    text-decoration: none;

    color: #0072f5;

    background-color: #fff;

    border-color: #0072f5;

    opacity: 0.7;

}

.hui-btn-dashed-hover:hover {

    opacity: 1.0;

}

js set button hover

手动添加，hover 样式，then hover chage transparent



/* .h-btn:not([disabled]):hover {

    text-decoration: none;

}

.h-btn-dashed:hover {

    text-decoration: none;

    color: #0072f5;

    background-color: #fff;

    border-color: #0072f5;

} */

.hui-btn-dashed-hover {

    text-decoration: none;

    color: #0072f5;

    background-color: #fff;

    border-color: #0072f5;

    /*  transparent: */

}

巴特西

js auto hover button & html5 button autofocus

js auto hover button & html5 button autofocus

HTML5 & autofoucs

auto css hover in js

opacity & transparent

js set button hover

最新文章

热门文章