Visualizzazione dei risultati da 1 a 4 su 4
  1. #1

    Bordi arrotondati automatici

    Salve a tutti e buona domenica.
    Sono alle prese, ormai già da un bel pò, con un problema che mai mi si era presentato in passato.
    E' un problema alquanto "strano".
    Vi spiego: nella creazione di tag INPUT con bordi, normalmente, quest'ultimi per default non hanno nessun tipo di arrotondamento. In effetti, non mi interessa neanche minimamente ricrearne l'aspetto. Ciò che io desidero sono semplici bordi lineari. Nella visualizzazione di questi INPUT su pc (fissi e portatili) non ho nessun tipo di problema: i bordi sono sempli e lineari. Se controllo, però, i bordi di quest'ultimi su un dispositivo Ipad, ecco l'imprevisto: i bordi hanno un livello di arrotondamento altissimo che spinge il testo contenuto nell'input (in questo caso di tipo submit e button) all'esterno del suo contenitore. I bordi rispecchiano l'istruzione css border-radius:30px circa. Ho provato a impostare il border-radius su 0px per tutti gli elemento INPUT, ma nulla.
    Il problema, ripeto, si presenta solo su Ipad.

    Cosa posso fare? Mai mi è capitato un problema simile.
    Normalmente siamo noi a doverci fare in 4 per dei stupidi bordi arrotondati,ora invece l'impostazione di quest'ultimi sono addirittura automatici!

    Qualcuno può darmi gentilmente una mano?
    Ve ne sarei veramente grato.

    Grazie mille e scusatemi della perdita di tempo.
    Auguro a tutti voi una felice domenica.

    Marco

  2. #2
    Moderatore di Annunci siti web L'avatar di Cesar
    Registrato dal
    Dec 2001
    Messaggi
    3,446
    codice:
    -webkit-border-radius: 0;
    -webkit-appearance: none;

  3. #3
    Scrivi sul foglio di stile "td {border-radius:0px}", così dovrebbe rendertelo lineare

  4. #4

    angoli tondi

    magari questo codice può tornarti utile:

    CSS:

    body {
    background-color: #efefef;
    }

    .rounded {
    width: 400px;
    height: 250px;
    background-color: white;
    color: #E63302;
    margin: 20px auto;
    padding: 20px;

    border: 5px solid #E63302;


    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;

    }

    HTML:
    <div class="rounded"></div>

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.