Primefaces флажок консистенция во всех браузерах

у меня есть проблемы при проверке/убрав флажок под Internet Explorer 8.Primefaces флажок консистенция во всех браузерах

Когда я проверяю флажок, он «движется» по вертикали, то он возвращается в исходное положение, когда я снимите его , Я попытался понять, как играть с краем и вертикальным выравниванием, но не повезло.

Код работает безупречно в Firefox и Chrome.

Страница:

<?xml version="1.0" encoding="UTF-8" ?> 
<ui:composition template="../templates/ui-test.xhtml" 
    xmlns="http://www.w3.org/1999/xhtml" xmlns:c="http://java.sun.com/jsp/jstl/core" 
    xmlns:f="http://java.sun.com/jsf/core" xmlns:ui="http://java.sun.com/jsf/facelets" 
    xmlns:h="http://java.sun.com/jsf/html" xmlns:p="http://primefaces.org/ui" 
    xmlns:nttdata="http://nttdata.com/facelets" lang="it-IT"> 

    <ui:define name="title">Test Checkbox</ui:define> 

    <ui:define name="head"></ui:define> 

    <ui:define name="navbar"></ui:define> 

    <ui:define name="content"> 
    <div id="contentCc"> 
     <h:outputText value="Selection: " /> 
     <p:selectBooleanCheckbox value="#{testViewBean.selectedValue}" /> 
    </div> 
    </ui:define> 
</ui:composition>

Шаблон:

<?xml version="1.0" encoding="UTF-8" ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:c="http://java.sun.com/jsp/jstl/core" 
    xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:f="http://java.sun.com/jsf/core" 
    xmlns:h="http://java.sun.com/jsf/html" xmlns:p="http://primefaces.org/ui" 
    lang="it-IT"> 

    <f:view contentType="text/html" locale="it_IT"> 

    <h:head> 
    <f:facet name="first"> 
     <meta http-equiv="X-UA-Compatible" content="IE=8" /> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
     <meta http-equiv='Cache-control' content='no-cache, no-store, must-revalidate' /> 
     <meta http-equiv='Expires' content='0' /> 
     <meta http-equiv='Pragma' content='no-cache' /> 
     <title> 
     <ui:insert name="title">Default title</ui:insert> 
     </title> 
    </f:facet> 

    <ui:insert name="head"></ui:insert> 
    </h:head> 

    <h:body> 
    <div id="outer"> 
     <div id="header" class="ui-widget ui-widget-header ui-corner-all"> 
     <ui:insert name="navbar"> 
      <ui:include 
      src="#{pageContext.request.contextPath}/components/navbar/navbar.xhtml" /> 
     </ui:insert> 
     </div> <!-- header --> 

     <div id="content"> 
     <ui:insert name="content">Default Content</ui:insert> 
     </div> 
     <div id="footer"> 
     <!--ui:insert name="footer"></ui:insert--> 
     </div> 
    </div> <!-- outer --> 
    </h:body> 
</f:view> 
</html>

Результирующий код XHTML является действительным (подтверждено с validator.w3.org), но под ie8 входной элемент "танец" при нажатии. Вот образы проверенного и непроверенного флажок под ie8:

https://dl.dropboxusercontent.com/u/7865852/ie8_checkbox_unchecked.png https://dl.dropboxusercontent.com/u/7865852/ie8_checkbox_checked.png

Использование ч: selectBooleanCheckbox вместо р: selectBooleanCheckbox работает под ie8, но я теряю все (по умолчанию рамки) CSS стили применяются.

источник

2014-02-04 ramo102

Кто-то имел подобную проблему [здесь] (http://stackoverflow.com/questions/1414748/internet-explorer-8-and-checkbox-css-problem), возможно, это поможет вам. – badAdviceGuy

@badAdviceGuy, страница теперь XHTML действительна, но флажки на ie8 не отображаются должным образом. – ramo102

Это ошибка Primefaces, см.: [Http://forum.primefaces.org/viewtopic.php?f=3&t=36270](http://forum.primefaces.org/viewtopic.php?f=3&t=36270). – ramo102

У меня такая же проблема, но со всеми браузер (primefaces 5.1) Я установил его с помощью CSS на CheckBox элементов

display: block; 
float: left;

источник

2015-05-06 10:39:45 Frizz1977

Primefaces флажок консистенция во всех браузерах

ответ

Смежные вопросы