Forum : Mettre un style sur un bouton submit

Bonjour,

Je travaille actuellement sur la creation d'un petit site avec les tutos de CakePHP mais j ai un soucis:
j utilise le bootstrap twitter et je voudrai styliser le bouton d'envoi en btn primary sur un formulaire d'inscription mais rien a faire je n y arrive pas quelqu un aurai t il une idee?

merci d'avance

Gilles

PS: un grand merci à Grafikart pour ces tutos

<h2>Enregistrer des Utilisateurs</h2><br />
<form action="" class="form-stacked">
<?php echo $this->Form->create('User'); ?>
    <div class="clearfix">
        <div class="input"><?php echo $this->Form->input('username',array('label'=>"Login : ")); ?></div>
    </div>  
    <div class="clearfix">
        <div class="input"><?php echo $this->Form->input('mail',array('label'=>"Email : ")); ?></div>
    </div>
    <div class="clearfix">
        <div class="input"><?php echo $this->Form->input('password',array('label'=>"Mot de passe : ")); ?></div>
    </div>  
<?php echo $this->Form->end("Enregister"); ?>
</form>

gilles40

Auteur

Réponse acceptée

Bonjour,

merci a vous,

voici comment je procede, je sait pas si c est très academique:

<h2>S'enregistrer</h2>
<?php echo $this->Form->create('User',array('class'=>"form-stacked")); ?>
    <?php echo $this->Form->input('username',array('label'=>"Login : ")); ?>
    <?php echo $this->Form->input('mail',array('label'=>"Email : ")); ?>
    <?php echo $this->Form->input('password',array('label'=>"Mot de passe :")); ?>
<?php echo $this->Form->submit("S'enregistrer",array('class'=>"btn primary")); ?>
<?php echo $this->Form->end(); ?>

merci de me dire ce que vous en pensez

Gilles

MrGuillou

il faut cibler ton bouton avec une class ou un id

dans ton css cibler directement les submit

input[type=submit] {
    background-color: black;
}

gilles40

Auteur

Bonsoir,

le soucis c est que je voudrai utiliser le bootstrap twitter et pouvoir adapter le formulaire ci-dessus avec et je ne sait pas comment inclure les class du bootstrap dans ce code

merci

Gilles

Grafikart

Faut impoter leur fichier less et modifier les règles du bootstrap pour ajouter les éléments de CakePHP.

Grafikart

Non c'est bien comme ça tu pourrait peut être fusionner submit et end

gilles40

Auteur

ok super alors je continue

Mettre un style sur un bouton submit

6 réponses