Masquer les boutons lors de l'impression

J'ai une page qui contient au bas des 3 boutons avec le codage suivant:

JS:

    function printpage() {
        //Get the print button and put it into a variable
        var printButton = document.getElementById("printpagebutton");
        //Set the print button visibility to 'hidden' 
        printButton.style.visibility = 'hidden';
        //Print the page content
        window.print()
        printButton.style.visibility = 'visible';
    }

CSS:

#options {
	align-content:center;
	align-items:center;
    text-align: center;
}

HTML:

<div id="options">
<input type="submit" value="post news" >
<input id="printpagebutton" type="button" value="print news" onclick="printpage()"/>
<input type="button" value="re-enter the news">
</div>

J'ai réussi à masquer le bouton d'impression lors de l'impression, mais je ne pouvais pas avec les autres.

J'ai cherché sur internet pour la solution, et la plupart des questions ont été répondues par l'ajout de la display:none; dans le css, mais je me retrouve avec 3 boutons cachés sur l'écran.
Je veux seulement les boutons cachés lors de l'impression

Réponse peut être simple, mes connaissances en web développement est ancienne.

Vous en remercie d'avance.

InformationsquelleAutor Adnan D. | 2015-07-15