Force <summary> to behave as display:inline instead of inline-block
问题 I would like to use the <details> / <summary> tags for pure CSS popups, but <summary> behaves as inline-block and I cannot change it to inline. Is there any way to force <summary> to behave as display:inline instead of inline-block? <!DOCTYPE html> <html> <head> <style> summary { color: red; } summary::-webkit-details-marker { display: none; } details, summary { display: inline; /* hyphens: manual;/ */ /* word-break: break-all; */ /* overflow-wrap: anywhere; */ /* white-space: unset; */ }