MichielH Posted February 2, 2019 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? Link to comment Share on other sites More sharing options...
dsonesuk Posted February 2, 2019 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.). Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now