He intentado alinear el texto en el elemento <select>
a la derecha o al centro en safari. Pero nada funcionó. text-align:center;
funcionó en todos los navegadores excepto safari. direction:rtl;
y dir="rtl"
no hicieron nada. la lista siempre se alinea a la izquierda en Safari. -webkit-appearance: none;
tampoco ayuda. Por favor necesito una solución.text-align no está funcionando en safari <select>
Respuesta
Para Safari
text-align: -webkit-center;
Sin embargo, la mejor manera de analizar el funcionamiento de HTML/CSS es el Web-inspector en Safari.
como dije en mi comentario anterior Sé que esto no es realmente una solución CSS, pero si es importante que esto funciona como un trabajo en torno a si usted está dispuesto a usar jQuery. ... que no funciona correctamente en cromo, pero si marca para el navegador que podría simplemente cargarlo para Safari:
Esto funcionó para mí.
select {
text-align:-moz-center;
text-align:-webkit-center;
}
no funciona en versiones anteriores. Probablemente estés usando una nueva versión, mira la fecha de la pregunta antes de contestarla. – shnisaka
No funciona. por favor no conteste sin probar. –
@SunnyKhatri Él claramente dice que funcionó para él, por lo que lo probó. Probablemente funcionó en 2013 –
Si no encuentra ninguna solución, puede utilizar este truco en AngularJS o el uso de JS para asignar valor seleccionado con un texto en el div, esta solución está lleno CSS compatible con el angular, pero necesitan un mapeo entre seleccionar y div:
var myApp = angular.module('myApp', []);
myApp.controller('selectCtrl', ['$scope',
function($scope) {
$scope.value = '';
}]);
.ghostSelect {
opacity: 0.1;
/* Should be 0 to avoid the select visibility but not visibility:hidden*/
display: block;
width: 200px;
position: absolute;
}
.select {
border: 1px solid black;
height: 20px;
width: 200px;
text-align: center;
border-radius: 5px;
display: block;
}
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Example - example-guide-concepts-1-production</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
</head>
<body ng-app="myApp">
<div ng-app ng-controller="selectCtrl">
<div class=select>
<select ng-model="value" class="ghostSelect">
<option value="Option 1">Option 1</option>
<option value="Option 2">Option 2</option>
<option value="Option 3">Option 3</option>
</select>
<div>{{value}}
</div>
</div>
</div>
</body>
la esperanza que esto podría ser útil para alguien, ya que me llevó un día para encontrar esta solución en PhoneGap.
Es un error en el safari.
Bug 40216 - text-align no funciona en determinados etiquetas
https://bugs.webkit.org/show_bug.cgi?id=40216
Archivado 2010
- 1. htmlspecialchars PHP no está funcionando salida
- 2. Findstr.exe no está funcionando
- 3. $ (esto) no está funcionando
- 4. response.flushBuffer() no está funcionando
- 5. Apache mod_rewrite no está funcionando o no está habilitado
- 6. Profiler Xdebug no está funcionando?
- 7. InternalsVisibleTo atributo no está funcionando
- 8. usando MySql.Data.MySqlClient; no está funcionando
- 9. SQL DATEDIFF ¿No está funcionando?
- 10. Mis SetupDiEnumDeviceInterfaces no está funcionando
- 11. str.each en Ruby no está funcionando
- 12. sharekit no está funcionando en facebook
- 13. ¿por qué get() no está funcionando?
- 14. CakePHP selección múltiple "seleccionado" no está funcionando
- 15. función set_terminate no está funcionando para mí
- 16. onSubmit devolver falso no está funcionando
- 17. FormData.append ("clave", "valor") no está funcionando
- 18. IF instrucción simplemente no está funcionando
- 19. ¿El hipervínculo TextView no está funcionando?
- 20. jQuery: PrettyPhoto API no está funcionando
- 21. ¿Cómo usar document.getElementsByName() no está funcionando?
- 22. getJSON utilizando una IP no está funcionando
- 23. ¿Cómo está funcionando pjax?
- 24. [email protected] - ¿Está funcionando?
- 25. WAMP está funcionando muy lento
- 26. ¿No está funcionando el tiempo actual de una etiqueta <audio>?
- 27. jQuery función animado scrollTop no está funcionando en Internet explorar
- 28. Mi expresión regular no está funcionando en grep
- 29. variable de Varchar no está funcionando en la cláusula WHERE
- 30. Click no está funcionando en Listitem Listview android
¿trató de colocarlo en la etiqueta "opción" en lugar de select? – Trey
sí. Da el mismo resultado – shnisaka
He estado jugando con él y mirando a mi alrededor, no puedo encontrar una solución de CSS ... aquí hay algo con jquery que casi funciona http://jsfiddle.net/nEGV4/ – Trey