MichielH 0 Posted February 2, 2019 Report Share Posted February 2, 2019 I just started using w3.css. I noted that in a summary/details block the arrow to click open or close is not shown any more. By inspecting the w3.css file, I discovered that the statement "summary {display: block;}" causes the disappearance. As work-around I removed it, without visible side-effect. My question: is there an alternative way to get an arrow in w3.css? Quote Link to post Share on other sites
dsonesuk 913 Posted February 2, 2019 Report Share Posted February 2, 2019 You shouldn't remove, just override in custom css file below w3css link. It mentioned here about styling arrows but not perfect as the arrow doesn't swap pointing right to down. https://css-tricks.com/quick-reminder-that-details-summary-is-the-easiest-way-ever-to-make-an-accordion/ The other problem is IE/Edge still don't support it even though it has been around since 2017, (one of these days they will catch up! With the other better browsers, they are getting better as they used to be 5 years behind.). Quote Link to post Share on other sites
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.