Styling {details-marker:} Property of the <summary> Element

WebKit only for now

HTML

<h1>move the arrows</h1>
<h2>arrows</h2>
<details>
<summary>More information</summary>
<p>Here is the source data that is discussed in the article ... </p>
</details>
<h2>arrows moved</h2>
<details>
<summary class="movearrows">More information</summary>
<p>Here is the source data that is discussed in the article ... </p>
</details>

CSS

h2{margin:20px auto}
details,summary{display:list-item;}
details{margin:10px auto}
summary{-moz-box-shadow: 0 0 5px #aaa; -ms-box-shadow: 0 0 5px #aaa; -o-box-shadow: 0 0 5px #aaa; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa}
.movearrows::-webkit-details-marker { display:none; }