是否可以使md按钮变小? [英] Is it possible to make an md-button smaller?

问题描述

我希望显示左右箭头和NOW文本的按钮尽可能小.我该怎么办?

I want my buttons showing left- and right arrow and NOW text to be as small as possible. How do I do that?

<div ng-controller="DateCtrl" layout="row" flex>
     <md-datepicker ng-model="activeDate" md-placeholder="Enter date" ng-change="changeDate()"></md-datepicker>
     <div>
         <md-button class="md-raised" ng-click="prev()">&lt;</md-button>
         <md-button class="md-raised" ng-click="changeToday()">NOW</md-button>
         <md-button class="md-raised" ng-click="next()">&gt;</md-button>
     </div>
</div>

在当前解决方案中，按钮的排列方式就像在垂直的layout="column"中一样.

With the current solution the buttons will be arranged as if they were in a layout="column", that is vertically.

在我研究这种CSS样式之前，我只是想检查是否存在一种首选的Angular-Material方法?

Before I dig into this CSS-style, I just wanted to check if there is a preferred Angular-Material way of doing this?

推荐答案

将以下内容添加到您的样式中:

Add the following to your styles:

.md-button {
    min-width: 1%;
}

或者，使用自定义类:

.md-button.md-small {
    min-width: 1%;
}

或者，在Angular Material 2中:

Or, in Angular Material 2:

.mat-button.mat-small {
    min-width: 1%;
}

这篇关于是否可以使md按钮变小?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！