::-webkit-details-marker { float: right; } <div class="ques-block"> <details> <summary class="question">How important is accordian?</summary> <p class="answer"> Accordian is type of question and answer forum in which qestion is in the question block and answer is in the answer block. </p> </div> En la sección CSS, ::-webkit-details-marker{} no funciona, e incluso si funciona, la salida no es visible; ¿Qué estoy haciendo mal?
Puedes simularlo usando la direction .
.question { direction: rtl; text-align: left; } .question>div { display: inline-block; direction: ltr; } <div class="ques-block"> <details> <summary class="question"> <div>How important is accordian?</div> </summary> <p class="answer"> Accordian is type of question and answer forum in which qestion is in the question block and answer is in the answer block. </p> </details> </div>No estoy seguro de cómo anular el estilo del marcador, pero puedo sugerir una solución.
details summary { position: relative; } details summary::after { content: "▶"; position: absolute; margin-left: 20px; } details[open] summary::after { content: "▼"; } summary { list-style: none } summary::-webkit-details-marker { display: none; } <div class="ques-block"> <details> <summary class="question">How important is accordian?</summary> <p class="answer"> Accordian is type of question and answer forum in which qestion is in the question block and answer is in the answer block. </p> </details> </div>