如何更改Angular材质日期选择器的弹出日历的样式

Question

只允许我使用Angular材质（没有Bootstrap或任何其他库）。

如何更改此弹出式日历的样式？像字体，背景颜色一样，或者像圆形一样，我希望它使用方形按钮（如样式）或用于来回导航的箭头。

Answer 1

只需右键单击日期选择器，然后检查使用了哪些CSS类。复制CSS类名称，并使用相同的类名称编写新的CSS样式。这样，您可以覆盖CSS样式。

假设，圆形/圆形默认CSS类为“ .mat-calendar-body-cell-content”。现在，复制类名，然后像下面这样新建一个类。

from zeep import Client
import xml.dom.minidom

client = Client('http://www.dneonline.com/calculator.asmx?wsdl')

def Add(num1, num2):
    with client.settings(raw_response=True):
        return xml.dom.minidom.parseString(client.service.Add(num1, num2).content).toprettyxml(indent="   ",encoding='utf8')

print (Add(2,5))

此新样式将覆盖现有CSS样式。