7
votes

Boutons HTML totalement invisibles

Utilisez le code suivant:

<html>
<body>
<input type="submit" style="color: transparent; background-color: transparent; border-color: transparent; cursor: default;">
</body>
</html>


11 commentaires

C'est la façon dont le navigateur vous permet de savoir quel contrôle a l'accent. Je ne pense pas que cela puisse être désactivé via HTML.


Peut-être encore plus d'informations sur votre cas d'utilisation aideraient?


Peut-être devriez-vous poster une question sur ce que vous essayez de faire et de voir quelles idées ont d'autres moyens d'accomplir ce que vous essayez.


Si vous souhaitez masquer le bouton d'envoi, utilisez simplement l'affichage: Aucun; Si cela ne fera pas, fournissez plus d'informations sur ce que vous essayez d'accomplir, comme indique IhateatMfees.


Vous ne verrez pas ce rectangle sur un appareil tactile, comme un iPhone. Parce que le navigateur a décidé que ce n'est pas nécessaire.


J'ai un mauvais sentiment à ce sujet ... au cas où vous ne voulez pas l'utiliser pour quelque chose de Dodgy, et dites, vous souhaitez effectuer une action par défaut si l'utilisateur appuie sur la touche Entrée, utilisez un cadre comme JQuery et écoutez KeyPresses. . Ou essayez simplement de redéfinir votre UI correctement.


Plus d'informations sur ce que vous essayez d'accomplir serait bien. C'est une mauvaise pratique sur tant de niveaux, il est probablement un meilleur moyen de le faire, à moins que vous n'ayez vraiment essayé de tromper les visiteurs.


Sans explication, cela ressemble à vous de faire quelque chose que je ne voudrais pas aider.


Dudes, j'ai lu les commentaires, je ne suis pas illégal ou quelque chose !!!


@Vvwdefect Si vous posez une question pour laquelle l'application évidente est quelque chose d'illégale et ne fournissez pas une explication pour laquelle vous ne vous êtes pas illégal, alors je suppose que ce que votre faire est illégal. Ce n'est pas comme si je vais appeler la police - je ne vais tout simplement pas aider.


Dupliqué possible de Comment supprimer Firefox's en pointillé contour sur des boutons ainsi que des liens?


5 Réponses :


19
votes

Vous pouvez utiliser le style Contour: 0; Code> Pour désactiver le rectangle en pointillé du bouton lorsqu'il est concentré.

Exemple: strong> P> XXX PRE>

Cependant, je ne sais pas ce que vous essayez de faire est correct ... essayez-vous simplement de cacher le bouton? Votre meilleur pari est d'utiliser affichage: aucun; code> p>

Exemple: strong> p>

<input type="submit" style="display: none;">


1 commentaires

jsfiddle.net/userdude/ahsdj Non, on dirait qu'ils essaient de faire le bouton d'envoi Un formulaire cliquant sans la connaissance de quelqu'un qu'il est là.



1
votes

Utilisez CSS: FOCUS &: Pseudo-classes actifs

<html>
<head>
<style type="text/css">
input:focus, input:active { outline: none;}
</style>
</head>
<body>
<input type="submit" style="color: transparent; background-color: transparent; border-color: transparent; cursor: default;">
</body>
</html>


0 commentaires

-1
votes

N'utilisez pas de bouton du tout.

Utilisez AJAX pour envoyer des données de connexion via POST et gérer la réponse dans votre page.


0 commentaires

5
votes

Cela fonctionne pour moi. (Testé uniquement sur Opera SO YMMV).

<input type="submit" style="background:transparent; border:none; color:transparent;">


1 commentaires

Cela a fonctionné pour moi aussi. Je pense qu'il est préférable d'utiliser une combinaison de contour et bordure . Par exemple. Couleur d'arrière-plan: transparent; Couleur: transparent; Contour: Aucun; Texte-Décoration: Aucun; curseur: pointeur; frontière: aucun;



0
votes

Il suffit de le rendre transparent comme vous avez fait, puis faites le bouton désactivé. Cela fonctionne parfaitement pour moi.

<input type="submit" style="color: transparent; background-color: transparent; border-color: transparent; cursor: default;" disabled>


0 commentaires