css – 如何使角度材料水平对齐单选按钮?

前端之家收集整理的这篇文章主要介绍了css – 如何使角度材料水平对齐单选按钮?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我期待一个内置的指令或标签,但可能不是根据他们的文档。

这是example

<div class="radioButtondemoBasicUsage" ng-app="MyApp">
<form ng-submit="submit()" ng-controller="AppCtrl">
<p>Selected Value: <span class="radioValue">{{ data.group1 }}</span> </p>

<md-radio-group ng-model="data.group1">

  <md-radio-button value="Apple" class="md-primary">Apple</md-radio-button>
  <md-radio-button value="Banana"> Banana </md-radio-button>
  <md-radio-button value="Mango">Mango</md-radio-button>

</md-radio-group>

解决方法

您不需要覆盖任何默认的CSS:
<md-radio-group layout="row">
  <md-radio-button value=0 class="md-primary">On</md-radio-button>
  <md-radio-button value=1> Off </md-radio-button>
</md-radio-group>

只要把md-radio-group标签放在一个layout =“row”属性中。

原文链接:https://www.f2er.com/css/219989.html

猜你在找的CSS相关文章