How to give tabindex on div and UL?

Question

I am facing issue while set tabindex through using css style, it's not applied on DIV and Ul Li.

Can anyone let me know solution?

I tried using this css

div:focus {
    border:1px solid #ddd;
}

Li:focus {
    border:1px solid #ddd;
}

Focus not coming on Div

You can't apply tabindex via css....only in the HTML. - https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex — Paulie_D, Jun 18 '19 at 10:51
Have you set [tabindex attribute](https://stackoverflow.com/questions/4112289/what-is-the-html-tabindex-attribute) on those elements? — barbsan, Jun 18 '19 at 10:54
if my answer is correct could you please accept it and vote it up? :) — xmaster, Jun 18 '19 at 11:44

score 1 · Answer 1 · answered Jun 18 '19 at 11:09

You probarly forgot to set a tabindex like @barbsan mentioned. Second of all in your css Li has to be li.

div:focus { border: 1px solid #ddd; }
li:focus  { border: 1px solid #ddd; }

<div tabindex="0">
test
</div> 
<li tabindex="0">this is a li</li>

1 Answers1